@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600;700;800;900&family=Sarabun:wght@400;500;600;700;800&display=swap');

:root {
    --eiqa-sky: #0284c7;
    --eiqa-sky-bright: #0ea5e9;
    --eiqa-sky-dark: #075985;
    --eiqa-indigo: #6366f1;
    --eiqa-emerald: #059669;
    --eiqa-amber: #d97706;
    --eiqa-rose: #e11d48;
    --eiqa-ink: #0f172a;
    --eiqa-muted: #475569;
    --eiqa-line: #e2e8f0;
    --eiqa-canvas: #fcfdff;
    --eiqa-card: #ffffff;
    --eiqa-shadow-sm: 0 8px 22px rgba(15, 23, 42, .06);
    --eiqa-shadow-md: 0 18px 42px rgba(15, 23, 42, .08);
    --eiqa-shadow-sky: 0 12px 28px rgba(14, 165, 233, .18);
}

body.eiqa-home,
body.eiqa-login,
body.eiqa-cluster,
body.eiqa-school,
body.eiqa-supervisor,
body.eiqa-admin {
    font-family: 'Sarabun', sans-serif !important;
    font-size: 16px;
    color: var(--eiqa-ink);
    background-color: var(--eiqa-canvas);
    background-image:
        radial-gradient(circle at 7% 0%, rgba(186, 230, 253, .58), transparent 29%),
        radial-gradient(circle at 93% 3%, rgba(224, 231, 255, .68), transparent 30%);
    background-attachment: fixed;
}

body[class^='eiqa-'] h1,
body[class^='eiqa-'] h2,
body[class^='eiqa-'] h3,
body[class^='eiqa-'] h4,
body[class^='eiqa-'] .nav-logo,
body[class^='eiqa-'] .brand,
body[class^='eiqa-'] .top-title,
body[class^='eiqa-'] .sidebar-header {
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    letter-spacing: -.01em;
}

body[class^='eiqa-'] button,
body[class^='eiqa-'] input,
body[class^='eiqa-'] select,
body[class^='eiqa-'] textarea {
    font-family: 'Sarabun', sans-serif !important;
}

body[class^='eiqa-'] a,
body[class^='eiqa-'] button,
body[class^='eiqa-'] input,
body[class^='eiqa-'] select,
body[class^='eiqa-'] textarea {
    -webkit-tap-highlight-color: transparent;
}

body[class^='eiqa-'] a:focus-visible,
body[class^='eiqa-'] button:focus-visible,
body[class^='eiqa-'] input:focus-visible,
body[class^='eiqa-'] select:focus-visible,
body[class^='eiqa-'] textarea:focus-visible {
    outline: 3px solid #f59e0b !important;
    outline-offset: 3px;
}

body[class^='eiqa-'] small { font-size: .92rem; }

/* Public home */
.eiqa-home .navbar {
    top: 16px;
    left: 50%;
    width: min(1180px, calc(100% - 32px));
    padding: 14px 24px;
    border: 1px solid rgba(255, 255, 255, .78);
    border-radius: 24px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .1);
    transform: translateX(-50%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.eiqa-home .nav-logo { color: var(--eiqa-ink); }
.eiqa-home .nav-logo i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky));
    box-shadow: 0 10px 18px rgba(14, 165, 233, .3);
    -webkit-background-clip: border-box;
}

.eiqa-home .btn-solid,
.eiqa-home .btn-dashboard,
.eiqa-home .btn-hero-dashboard,
.eiqa-home .btn-open-group,
.eiqa-home .school-results-entry-link,
.eiqa-home .cluster-school-link,
.eiqa-home .lms-btn,
.eiqa-home .n-url,
.eiqa-home .school-result-action {
    min-height: 44px;
    border-radius: 16px;
}

.eiqa-home .btn-solid,
.eiqa-home .cluster-school-link,
.eiqa-home .lms-btn {
    border: 0;
    background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky));
    box-shadow: var(--eiqa-shadow-sky);
}

.eiqa-home .btn-dashboard,
.eiqa-home .user-badge {
    border: 1px solid #bae6fd;
    border-radius: 16px;
    color: var(--eiqa-sky-dark);
    background: #f0f9ff;
}

.eiqa-home .slider-overlay {
    background: linear-gradient(135deg, rgba(15, 23, 42, .82), rgba(3, 105, 161, .72), rgba(79, 70, 229, .62));
}

.eiqa-home .hero-badge { border-radius: 999px; background: rgba(224, 242, 254, .18); }
.eiqa-home .filter-container,
.eiqa-home .steps-container,
.eiqa-home .model-wrapper,
.eiqa-home .g-card,
.eiqa-home .docs-list-container,
.eiqa-home .lms-container,
.eiqa-home .empty-network-state {
    border: 1px solid var(--eiqa-line);
    border-radius: 32px;
    background: rgba(255, 255, 255, .95);
    box-shadow: var(--eiqa-shadow-md);
}

.eiqa-home .filter-container { border-radius: 24px; }
.eiqa-home .year-selector select,
.eiqa-home .network-select-box,
.eiqa-home .docs-search {
    min-height: 46px;
    border: 2px solid #bae6fd;
    border-radius: 16px;
    background-color: #fff;
}

.eiqa-home .stat-card,
.eiqa-home .level-overview-card,
.eiqa-home .cluster-performance-card,
.eiqa-home .news-card,
.eiqa-home .ext-link-card-pro,
.eiqa-home .lms-course-card,
.eiqa-home .f-card {
    border: 1px solid #f1f5f9;
    border-radius: 32px;
    background: #fff;
    box-shadow: var(--eiqa-shadow-sm);
}

.eiqa-home .stat-card { border-top: 4px solid var(--eiqa-sky-bright); }
.eiqa-home .stat-card:nth-child(2) { border-top-color: var(--eiqa-indigo); }
.eiqa-home .stat-card:nth-child(3) { border-top-color: #10b981; }
.eiqa-home .stat-card:nth-child(4) { border-top-color: #f59e0b; }
.eiqa-home .scard,
.eiqa-home .mini-step,
.eiqa-home .level-step-block,
.eiqa-home .level-summary-metric {
    border-radius: 18px;
}
.eiqa-home .section-title h2 i,
.eiqa-home .g-name i,
.eiqa-home .level-step-heading i {
    color: var(--eiqa-sky);
    background: #e0f2fe;
}
.eiqa-home .school-results-entry {
    border: 1px solid #bae6fd;
    border-radius: 28px;
    background: linear-gradient(135deg, #0369a1, #4f46e5);
    box-shadow: var(--eiqa-shadow-sky);
}
.eiqa-home .school-table,
.eiqa-home .table-wrap { border-radius: 24px; overflow: hidden; }
.eiqa-home .school-table th { background: linear-gradient(135deg, #0284c7, #0369a1); color: #fff; }
.eiqa-home .level-summary-metric span,
.eiqa-home .level-overview-title span,
.eiqa-home .level-overview-total span,
.eiqa-home .cluster-level-metric span,
.eiqa-home .school-result-action,
.eiqa-home .course-badge,
.eiqa-home .n-date { font-size: .94rem; }

/* Login */
.eiqa-login { min-height: 100vh; }
.eiqa-login .login-container { width: 100%; padding: 28px 16px; }
.eiqa-login .login-card {
    border: 1px solid rgba(255, 255, 255, .82);
    border-top: 5px solid var(--eiqa-sky-bright);
    border-radius: 36px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 28px 65px rgba(15, 23, 42, .16);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.eiqa-login .login-icon {
    border-radius: 22px;
    background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky), var(--eiqa-indigo));
    box-shadow: var(--eiqa-shadow-sky);
}
.eiqa-login h1 { color: var(--eiqa-ink); }
.eiqa-login .form-control {
    min-height: 50px;
    border: 2px solid #cbd5e1;
    border-radius: 16px;
    background: #fff;
}
.eiqa-login .form-control:focus { border-color: var(--eiqa-sky-bright); box-shadow: 0 0 0 4px rgba(14, 165, 233, .13); }
.eiqa-login .btn-submit {
    min-height: 50px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky));
    box-shadow: var(--eiqa-shadow-sky);
}
.eiqa-login .return-note { border-radius: 16px; background: #f0f9ff; border-color: #bae6fd; color: var(--eiqa-sky-dark); }

/* Cluster dashboard */
.eiqa-cluster .topbar {
    width: min(1500px, calc(100% - 32px));
    box-sizing: border-box;
    margin: 14px auto 0;
    top: 14px;
    padding: 14px 24px;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 24px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.eiqa-cluster .brand { color: var(--eiqa-ink); }
.eiqa-cluster .brand i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky));
    box-shadow: var(--eiqa-shadow-sky);
}
.eiqa-cluster .top-btn,
.eiqa-cluster .board-jump,
.eiqa-cluster .context-link,
.eiqa-cluster .evidence-btn,
.eiqa-cluster .own-edit-link {
    min-height: 42px;
    border-radius: 14px;
}
.eiqa-cluster .top-btn { border: 1px solid #bae6fd; color: var(--eiqa-sky-dark); background: #f0f9ff; }
.eiqa-cluster .page { margin-top: 26px; }
.eiqa-cluster .hero {
    border: 1px solid #dbeafe;
    border-radius: 34px;
    color: var(--eiqa-ink);
    background: radial-gradient(circle at 0 0, #e0f2fe, transparent 42%), radial-gradient(circle at 100% 0, #e0e7ff, transparent 38%), linear-gradient(135deg, #f0f9ff, #fff 55%, #eef2ff);
    box-shadow: 0 22px 50px rgba(14, 165, 233, .12);
}
.eiqa-cluster .hero p,
.eiqa-cluster .hero-meta span { color: var(--eiqa-muted); }
.eiqa-cluster .toolbar,
.eiqa-cluster .school-sidebar,
.eiqa-cluster .school-detail,
.eiqa-cluster .own-overview,
.eiqa-cluster .step-board,
.eiqa-cluster .inspection-box {
    border: 1px solid var(--eiqa-line);
    border-radius: 28px;
    background: #fff;
    box-shadow: var(--eiqa-shadow-md);
}
.eiqa-cluster .toolbar { border-radius: 24px; }
.eiqa-cluster .control,
.eiqa-cluster .sidebar-search {
    min-height: 46px;
    border: 2px solid #bae6fd;
    border-radius: 16px;
    background: #fff;
}
.eiqa-cluster .cluster-card {
    border: 1px solid #f1f5f9;
    border-top: 4px solid var(--eiqa-sky-bright);
    border-radius: 28px;
    background: #fff;
    box-shadow: var(--eiqa-shadow-sm);
}
.eiqa-cluster .cluster-card.active { border-color: var(--eiqa-indigo); background: linear-gradient(145deg, #eef2ff, #fff); }
.eiqa-cluster .cluster-no,
.eiqa-cluster .school-icon,
.eiqa-cluster .school-nav-number { background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky)); }
.eiqa-cluster .school-nav-item { border-radius: 16px; }
.eiqa-cluster .school-nav-item.selected { color: var(--eiqa-sky-dark); background: #f0f9ff; border-color: #bae6fd; }
.eiqa-cluster .level-panel { border-radius: 24px; }
.eiqa-cluster .school-nav-text > span,
.eiqa-cluster .school-detail-stat span,
.eiqa-cluster .review-meta,
.eiqa-cluster .thread-message { font-size: .94rem; }

/* School workspace */
.eiqa-school .navbar {
    width: min(1500px, calc(100% - 32px));
    box-sizing: border-box;
    margin: 14px auto 0;
    top: 14px;
    padding: 14px 24px;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 24px;
    color: var(--eiqa-ink);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .1);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.eiqa-school .nav-logo { color: var(--eiqa-ink); }
.eiqa-school .nav-logo i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky));
    box-shadow: var(--eiqa-shadow-sky);
}
.eiqa-school .btn-nav { min-height: 42px; border: 1px solid #bae6fd; border-radius: 14px; color: var(--eiqa-sky-dark); background: #f0f9ff; }
.eiqa-school .btn-logout { border-color: #fecdd3; color: #be123c; background: #fff1f2; }
.eiqa-school .container { margin-top: 26px; }
.eiqa-school .school-header,
.eiqa-school .school-overview,
.eiqa-school .step-container {
    border: 1px solid var(--eiqa-line);
    border-radius: 32px;
    background: #fff;
    box-shadow: var(--eiqa-shadow-md);
}
.eiqa-school .school-header { border-top: 5px solid var(--eiqa-sky-bright); }
.eiqa-school .school-header::before { display: none; }
.eiqa-school .school-header h1 { color: var(--eiqa-ink); }
.eiqa-school.level-theme-early { --profile-main:#f97316; --profile-dark:#9a3412; --profile-accent:#ec4899; --profile-soft:#fff7ed; --profile-soft-2:#fdf2f8; }
.eiqa-school.level-theme-basic { --profile-main:#2563eb; --profile-dark:#1e3a8a; --profile-accent:#06b6d4; --profile-soft:#eff6ff; --profile-soft-2:#ecfeff; }
.eiqa-school .school-top-level-bar { margin-bottom: 17px; padding: 13px 16px; display: grid; grid-template-columns: minmax(250px,1fr) auto minmax(190px,.55fr); align-items: center; gap: 14px; border: 1px solid rgba(255,255,255,.36); border-radius: 21px; color: #fff; background: linear-gradient(115deg,var(--profile-dark,#1e3a8a),var(--profile-main,#2563eb) 60%,var(--profile-accent,#06b6d4)); box-shadow: 0 16px 35px color-mix(in srgb,var(--profile-main,#2563eb) 25%,transparent); }
.eiqa-school .school-top-level-copy { min-width: 0; display: flex; align-items: center; gap: 11px; }
.eiqa-school .school-top-level-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: rgba(255,255,255,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.eiqa-school .school-top-level-copy small { display: block; color: rgba(255,255,255,.78); font-size: .68rem; font-weight: 700; }
.eiqa-school .school-top-level-copy strong { display: block; color: #fff; font-size: 1.02rem; font-weight: 900; }
.eiqa-school .school-top-level-bar .top-level-switch { padding: 5px; border-color: rgba(255,255,255,.55); background: #fff; box-shadow: 0 7px 18px rgba(15,23,42,.17); }
.eiqa-school .school-top-level-bar .top-level-switch a { min-height: 39px; padding: 7px 13px; font-size: .78rem; }
.eiqa-school .school-top-level-current { justify-self: end; display: flex; align-items: center; gap: 8px; color: rgba(255,255,255,.8); font-size: .7rem; font-weight: 750; }
.eiqa-school .school-top-level-current > i { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: rgba(255,255,255,.16); }
.eiqa-school .school-top-level-current small { display: block; max-width: 190px; overflow: hidden; color: #fff; font-size: .78rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.eiqa-school .school-profile-hero { position: relative; padding: 27px; overflow: hidden; border: 2px solid color-mix(in srgb,var(--profile-main,#2563eb) 42%,#fff); border-top: 8px solid var(--profile-main,#2563eb); background: linear-gradient(145deg,color-mix(in srgb,var(--profile-main,#2563eb) 18%,#fff),#fff 43%,color-mix(in srgb,var(--profile-accent,#06b6d4) 15%,#fff)); box-shadow: 0 22px 52px color-mix(in srgb,var(--profile-main,#2563eb) 22%,transparent); }
.eiqa-school .school-profile-dockbar { position: fixed; top: 8px; left: 50%; z-index: 1200; width: min(calc(100% - 32px),1160px); min-height: 74px; padding: 10px 13px; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 12px; border: 1px solid rgba(255,255,255,.34); border-radius: 20px; color: #fff; background: linear-gradient(115deg,var(--profile-dark,#1e3a8a),var(--profile-main,#2563eb) 58%,var(--profile-accent,#06b6d4)); box-shadow: 0 18px 42px rgba(15,23,42,.3); box-sizing: border-box; opacity: 0; pointer-events: none; transform: translate(-50%,-120%); transition: opacity .16s ease,transform .2s ease; will-change: transform,opacity; }
.eiqa-school .school-profile-dockbar.visible { opacity: 1; pointer-events: auto; transform: translate(-50%,0); }
.eiqa-school .school-profile-dock-main { min-width: 0; display: flex; align-items: center; gap: 10px; }
.eiqa-school .school-profile-dock-icon { width: 42px; height: 42px; flex: 0 0 42px; display: grid; place-items: center; border-radius: 13px; color: #fff; background: rgba(255,255,255,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.25); }
.eiqa-school .school-profile-dock-copy { min-width: 0; }
.eiqa-school .school-profile-dock-copy small { display: block; overflow: hidden; color: rgba(255,255,255,.78); font-size: .68rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.eiqa-school .school-profile-dock-copy strong { display: block; overflow: hidden; color: #fff; font-size: 1.08rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.eiqa-school .school-profile-dockbar .school-context-status { color: #78350f; background: #fef3c7; box-shadow: 0 5px 13px rgba(15,23,42,.16); }
.eiqa-school .school-profile-dockbar .school-context-status.complete { color: #065f46; background: #d1fae5; }
.eiqa-school .school-profile-dock-actions { display: flex; align-items: center; gap: 7px; }
.eiqa-school .school-profile-dock-actions .dock-level-switch { border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.13); box-shadow: none; }
.eiqa-school .school-profile-dock-actions .dock-level-switch a { min-height: 30px; padding: 4px 7px; color: rgba(255,255,255,.76); font-size: .65rem; }
.eiqa-school .school-profile-dock-actions .dock-level-switch a:hover { color: #fff; background: rgba(255,255,255,.13); }
.eiqa-school .school-profile-dock-actions .dock-level-switch .level-early.active { border-color: #fdba74; color: #9a3412; background: #ffedd5; }
.eiqa-school .school-profile-dock-actions .dock-level-switch .level-basic.active { border-color: #93c5fd; color: #1e3a8a; background: #dbeafe; }
.eiqa-school .school-profile-dock-actions .school-year-control { min-height: 40px; border-color: rgba(255,255,255,.38); color: #fff; background: rgba(255,255,255,.15); }
.eiqa-school .school-profile-dock-actions .school-year-control select { color: #fff; }
.eiqa-school .school-profile-dock-actions .school-year-control select option { color: #0f172a; }
.eiqa-school .school-profile-dock-actions .btn-edit-school-context { min-height: 40px; color: var(--profile-dark,#1e3a8a); background: #fff; box-shadow: none; }
.eiqa-school .step-container,
.eiqa-school .implementation-calendar,
.eiqa-school .level-workspace-shell { scroll-margin-top: 175px; }
.eiqa-school .school-profile-topline { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.eiqa-school .school-profile-kicker { display: flex; align-items: center; gap: 10px; color: var(--profile-dark,#1e3a8a); font-size: .88rem; font-weight: 900; }
.eiqa-school .school-profile-kicker > i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,var(--profile-main,#2563eb),var(--profile-accent,#06b6d4)); }
.eiqa-school .school-profile-kicker small { display: block; margin-top: 1px; color: #64748b; font-size: .72rem; font-weight: 650; }
.eiqa-school .school-profile-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.eiqa-school .school-profile-level-switch { padding: 4px; display: inline-grid; grid-template-columns: repeat(2,auto); gap: 4px; border: 1px solid #cbd5e1; border-radius: 15px; background: rgba(255,255,255,.84); box-shadow: inset 0 1px 2px rgba(15,23,42,.05); }
.eiqa-school .school-profile-level-switch a { min-height: 35px; padding: 6px 10px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid transparent; border-radius: 10px; color: #64748b; text-decoration: none; font-size: .73rem; font-weight: 850; white-space: nowrap; transition: color .15s ease,background .15s ease,box-shadow .15s ease; }
.eiqa-school .school-profile-level-switch a:hover { color: #0f172a; background: #f8fafc; }
.eiqa-school .school-profile-level-switch .level-early.active { border-color: #fdba74; color: #9a3412; background: linear-gradient(135deg,#ffedd5,#fce7f3); box-shadow: 0 5px 12px rgba(249,115,22,.16); }
.eiqa-school .school-profile-level-switch .level-basic.active { border-color: #93c5fd; color: #1e3a8a; background: linear-gradient(135deg,#dbeafe,#cffafe); box-shadow: 0 5px 12px rgba(37,99,235,.16); }
.eiqa-school .school-profile-level-switch .selected-mark { color: currentColor; font-size: .66rem; }
.eiqa-school .school-year-control { min-height: 43px; padding: 6px 12px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid color-mix(in srgb,var(--profile-main,#2563eb) 32%,#fff); border-radius: 14px; color: var(--profile-dark,#1e3a8a); background: rgba(255,255,255,.82); font-size: .8rem; font-weight: 850; }
.eiqa-school .school-year-control select { border: 0; outline: 0; color: var(--profile-main,#2563eb); background: transparent; font: inherit; font-size: .9rem; font-weight: 900; cursor: pointer; }
.eiqa-school .btn-edit-school-context { min-height: 43px; padding: 8px 13px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 14px; color: #fff; background: linear-gradient(135deg,var(--profile-main,#2563eb),var(--profile-accent,#06b6d4)); font: inherit; font-size: .82rem; font-weight: 900; cursor: pointer; box-shadow: 0 9px 19px color-mix(in srgb,var(--profile-main,#2563eb) 25%,transparent); }
.eiqa-school .school-profile-title-row { margin-top: 17px; display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; }
.eiqa-school .school-profile-level { color: var(--profile-main,#2563eb); font-size: .78rem; font-weight: 900; }
.eiqa-school .school-profile-title-row h1 { margin: 4px 0 0; font-size: clamp(1.7rem,3vw,2.35rem); line-height: 1.25; }
.eiqa-school .school-context-status { padding: 7px 10px; border-radius: 999px; color: #92400e; background: #fef3c7; font-size: .74rem; font-weight: 850; white-space: nowrap; }
.eiqa-school .school-context-status.complete { color: #047857; background: #d1fae5; }
.eiqa-school .school-identity-grid { margin-top: 17px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.eiqa-school .school-identity-grid > div { min-width: 0; padding: 10px 11px; border: 1px solid rgba(203,213,225,.72); border-radius: 13px; background: rgba(255,255,255,.76); }
.eiqa-school .school-identity-grid span { display: block; color: #64748b; font-size: .7rem; font-weight: 750; }
.eiqa-school .school-identity-grid strong { display: block; margin-top: 2px; overflow: hidden; color: #1e293b; font-size: .84rem; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.eiqa-school .school-context-scope-note { margin-top: 12px; padding: 10px 12px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid color-mix(in srgb,var(--profile-main,#2563eb) 32%,#dbeafe); border-radius: 13px; color: #334155; background: color-mix(in srgb,var(--profile-main,#2563eb) 7%,#fff); font-size: .74rem; line-height: 1.5; }
.eiqa-school .school-context-scope-note > i { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--profile-main,#2563eb); }
.eiqa-school .school-context-scope-note strong { display: block; margin-bottom: 1px; color: var(--profile-dark,#1e3a8a); font-size: .8rem; }
.eiqa-school .school-context-dashboard { margin-top: 14px; padding-top: 14px; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,1.7fr) minmax(210px,.9fr); gap: 11px; border-top: 1px dashed color-mix(in srgb,var(--profile-main,#2563eb) 30%,#cbd5e1); }
.eiqa-school .school-context-numbers { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.eiqa-school .school-context-numbers > div { padding: 10px; display: flex; align-items: center; gap: 9px; border: 1px solid #dbeafe; border-radius: 13px; background: #fff; }
.eiqa-school .school-context-numbers > div > i { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: #3b82f6; }
.eiqa-school .school-context-numbers .teachers > i { background: #8b5cf6; }
.eiqa-school .school-context-numbers .staff > i { background: #f59e0b; }
.eiqa-school .school-context-numbers .rooms > i { background: #10b981; }
.eiqa-school .school-context-numbers span { color: #64748b; font-size: .68rem; font-weight: 750; }
.eiqa-school .school-context-numbers strong { display: block; color: #0f172a; font-size: 1.12rem; line-height: 1; }
.eiqa-school .school-context-copy-grid { display: grid; gap: 8px; }
.eiqa-school .school-context-copy-grid > div { padding: 10px 11px; border-left: 4px solid var(--profile-main,#2563eb); border-radius: 10px; background: rgba(255,255,255,.84); }
.eiqa-school .school-context-copy-grid .context-focus { border-color: #10b981; }
.eiqa-school .school-context-copy-grid .context-special { border-color: #f59e0b; }
.eiqa-school .school-context-copy-grid span { color: var(--profile-dark,#1e3a8a); font-size: .72rem; font-weight: 900; }
.eiqa-school .school-context-copy-grid p { margin: 3px 0 0; display: -webkit-box; overflow: hidden; color: #475569; font-size: .75rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.eiqa-school .school-sar-source { padding: 11px; display: grid; grid-template-columns: 38px minmax(0,1fr); align-content: start; gap: 8px; border: 1px solid #bfdbfe; border-radius: 14px; background: #eff6ff; }
.eiqa-school .school-sar-source.found { border-color: #a7f3d0; background: #ecfdf5; }
.eiqa-school .school-sar-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(135deg,#0284c7,#4f46e5); }
.eiqa-school .school-sar-source span { display: block; color: #64748b; font-size: .66rem; font-weight: 750; }
.eiqa-school .school-sar-source strong { display: block; color: #0f172a; font-size: .83rem; }
.eiqa-school .school-sar-source small { display: block; margin-top: 2px; color: #475569; font-size: .68rem; line-height: 1.4; }
.eiqa-school .school-sar-source a { grid-column: 1 / -1; min-height: 34px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border-radius: 10px; color: #fff; background: #0284c7; text-decoration: none; font-size: .74rem; font-weight: 850; }
.eiqa-school .school-context-updated { margin-top: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; color: #64748b; font-size: .69rem; font-weight: 700; }
.eiqa-school .school-context-updated span { margin-left: auto; }

.eiqa-school .school-context-modal { position: fixed; inset: 0; z-index: 3000; display: none; align-items: center; justify-content: center; padding: 18px; }
.eiqa-school .school-context-modal.open { display: flex; }
.eiqa-school .school-context-modal-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; background: rgba(15,23,42,.62); backdrop-filter: blur(5px); cursor: default; }
.eiqa-school .school-context-dialog { position: relative; width: min(820px,100%); max-height: calc(100vh - 36px); overflow-y: auto; border: 1px solid rgba(255,255,255,.7); border-radius: 22px; background: #fff; box-shadow: 0 28px 70px rgba(15,23,42,.28); }
.eiqa-school .school-context-dialog-head { padding: 18px 20px; display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; color: #fff; background: linear-gradient(135deg,var(--profile-dark,#1e3a8a),var(--profile-main,#2563eb),var(--profile-accent,#06b6d4)); }
.eiqa-school .school-context-dialog-head span { color: rgba(255,255,255,.8); font-size: .72rem; font-weight: 800; }
.eiqa-school .school-context-dialog-head h2 { margin: 2px 0; color: #fff; font-size: 1.18rem; }
.eiqa-school .school-context-dialog-head p { margin: 0; color: rgba(255,255,255,.86); font-size: .76rem; }
.eiqa-school .school-context-dialog-head > button { width: 36px; height: 36px; flex: 0 0 36px; border: 0; border-radius: 11px; color: #fff; background: rgba(255,255,255,.18); cursor: pointer; }
.eiqa-school .school-context-form { padding: 18px 20px 20px; display: grid; gap: 12px; }
.eiqa-school .school-context-form-grid { display: grid; gap: 10px; }
.eiqa-school .school-context-form-grid.contact { grid-template-columns: repeat(2,minmax(0,1fr)); }
.eiqa-school .school-context-form-grid.numbers { grid-template-columns: repeat(4,minmax(0,1fr)); }
.eiqa-school .school-context-form-scope { padding: 11px 13px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid #fcd34d; border-radius: 12px; color: #78350f; background: #fffbeb; font-size: .75rem; line-height: 1.5; }
.eiqa-school .school-context-form-scope > i { margin-top: 2px; color: #d97706; }
.eiqa-school .school-context-form-scope strong { display: block; color: #92400e; font-size: .8rem; }
.eiqa-school .school-context-form label { display: grid; gap: 5px; color: #334155; font-size: .79rem; font-weight: 850; }
.eiqa-school .school-context-form label small { display: block; color: #64748b; font-size: .69rem; font-weight: 650; }
.eiqa-school .school-context-form input,
.eiqa-school .school-context-form textarea { width: 100%; padding: 10px 11px; border: 1px solid #cbd5e1; border-radius: 11px; color: #0f172a; background: #fff; font: inherit; font-size: .82rem; box-sizing: border-box; }
.eiqa-school .school-context-form textarea { min-height: 82px; resize: vertical; line-height: 1.5; }
.eiqa-school .school-context-form input:focus,
.eiqa-school .school-context-form textarea:focus { border-color: var(--profile-main,#2563eb); outline: 3px solid color-mix(in srgb,var(--profile-main,#2563eb) 14%,transparent); }
.eiqa-school .school-context-form-actions { padding-top: 5px; display: flex; justify-content: flex-end; gap: 8px; }
.eiqa-school .school-context-form-actions button { min-height: 42px; padding: 9px 14px; border: 1px solid #cbd5e1; border-radius: 12px; color: #475569; background: #fff; font: inherit; font-size: .82rem; font-weight: 850; cursor: pointer; }
.eiqa-school .school-context-form-actions button[type="submit"] { border: 0; color: #fff; background: linear-gradient(135deg,var(--profile-main,#2563eb),var(--profile-accent,#06b6d4)); }
body.context-modal-open { overflow: hidden; }

@media (max-width: 980px) {
  .eiqa-school .school-top-level-bar { grid-template-columns: 1fr auto; }
  .eiqa-school .school-top-level-current { display: none; }
  .eiqa-school .school-identity-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .eiqa-school .school-context-dashboard { grid-template-columns: 1fr 1fr; }
  .eiqa-school .school-sar-source { grid-column: 1 / -1; }
  .eiqa-school .school-sar-source a { grid-column: auto; align-self: center; }
}
@media (max-width: 680px) {
  .eiqa-school .school-top-level-bar { padding: 12px; grid-template-columns: 1fr; gap: 10px; border-radius: 17px; }
  .eiqa-school .school-top-level-bar .top-level-switch { width: 100%; grid-template-columns: repeat(2,1fr); box-sizing: border-box; }
  .eiqa-school .school-top-level-bar .top-level-switch a { min-height: 38px; padding: 6px 5px; font-size: .67rem; }
  .eiqa-school .school-profile-hero { padding: 19px 15px; }
  .eiqa-school .school-profile-dockbar { top: 5px; width: calc(100% - 12px); min-height: 62px; padding: 7px 9px; grid-template-columns: minmax(0,1fr) auto; gap: 7px; border-radius: 15px; }
  .eiqa-school .school-profile-dock-icon { width: 35px; height: 35px; flex-basis: 35px; border-radius: 10px; }
  .eiqa-school .school-profile-dock-copy small { font-size: .58rem; }
  .eiqa-school .school-profile-dock-copy strong { font-size: .86rem; }
  .eiqa-school .school-profile-dockbar > .school-context-status { display: none; }
  .eiqa-school .school-profile-dock-actions .school-year-control { display: none; }
  .eiqa-school .school-profile-dock-actions .dock-level-switch { display: grid; }
  .eiqa-school .school-profile-dock-actions .dock-level-switch a { width: 34px; min-height: 32px; padding: 0; font-size: .78rem; }
  .eiqa-school .school-profile-dock-actions .dock-level-switch a span { display: none; }
  .eiqa-school .school-profile-dock-actions .btn-edit-school-context { width: 38px; min-height: 38px; padding: 0; font-size: 0; border-radius: 11px; }
  .eiqa-school .school-profile-dock-actions .btn-edit-school-context i { font-size: .85rem; }
  .eiqa-school .step-container,
  .eiqa-school .implementation-calendar,
  .eiqa-school .level-workspace-shell { scroll-margin-top: 160px; }
  .eiqa-school .school-profile-controls,
  .eiqa-school .school-year-control,
  .eiqa-school .btn-edit-school-context { width: 100%; box-sizing: border-box; }
  .eiqa-school .school-profile-controls > .school-profile-level-switch { width: 100%; grid-template-columns: repeat(2,1fr); box-sizing: border-box; }
  .eiqa-school .school-year-control { justify-content: center; }
  .eiqa-school .btn-edit-school-context { justify-content: center; }
  .eiqa-school .school-profile-title-row { align-items: flex-start; flex-direction: column; }
  .eiqa-school .school-context-status { white-space: normal; }
  .eiqa-school .school-identity-grid,
  .eiqa-school .school-context-dashboard { grid-template-columns: 1fr; }
  .eiqa-school .school-context-numbers { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .eiqa-school .school-sar-source { grid-column: auto; }
  .eiqa-school .school-sar-source a { grid-column: 1 / -1; }
  .eiqa-school .school-context-updated span { margin-left: 0; }
  .eiqa-school .school-context-form-grid.contact,
  .eiqa-school .school-context-form-grid.numbers { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
.eiqa-school .level-overview-card {
    border: 1px solid #f1f5f9;
    border-top: 4px solid var(--eiqa-sky-bright);
    border-radius: 26px;
    background: #fff;
    box-shadow: var(--eiqa-shadow-sm);
}
.eiqa-school .level-overview-card:first-child { border-top-color: #f59e0b; }
.eiqa-school .level-overview-card.active { border-color: var(--eiqa-indigo); box-shadow: 0 16px 35px rgba(99, 102, 241, .14); }
.eiqa-school .next-action-card,
.eiqa-school .wizard-step-btn,
.eiqa-school .guide-card,
.eiqa-school .do-check-card,
.eiqa-school .review-panel,
.eiqa-school .cc-chat-box {
    border-radius: 20px;
}
.eiqa-school .btn-tab,
.eiqa-school .next-action-link,
.eiqa-school .btn-save-data,
.eiqa-school .btn-review-action,
.eiqa-school .btn-send-chat,
.eiqa-school .btn-nav-step,
.eiqa-school .current-evidence-link {
    min-height: 44px;
    border-radius: 16px;
}
.eiqa-school .btn-save-data,
.eiqa-school .btn-send-chat,
.eiqa-school .btn-next { background: var(--eiqa-sky); border-color: var(--eiqa-sky); box-shadow: var(--eiqa-shadow-sky); }
.eiqa-school .cf-textarea,
.eiqa-school .cf-input,
.eiqa-school .cc-input,
.eiqa-school .do-short-input,
.eiqa-school .do-short-textarea {
    border: 2px solid #cbd5e1;
    border-radius: 16px;
    background: #fff;
}
.eiqa-school .quick-reply-btn,
.eiqa-school .ws-meta,
.eiqa-school .msg-time,
.eiqa-school .level-metric span,
.eiqa-school .overview-subtitle { font-size: .94rem; }

/* Supervisor: keep its validated structure, align remaining shared controls */
.eiqa-supervisor .navbar,
.eiqa-supervisor .workspace-sidebar,
.eiqa-supervisor .header-card,
.eiqa-supervisor .filter-bar,
.eiqa-supervisor .review-queue-panel,
.eiqa-supervisor .cluster-overview-wrap,
.eiqa-supervisor .school-directory-wrap,
.eiqa-supervisor .school-detail-header,
.eiqa-supervisor .step-container { font-family: 'Sarabun', sans-serif; }

/* Admin */
.eiqa-admin { --sidebar-w: 280px; }
.eiqa-admin .main-content { background: transparent; }
.eiqa-admin .sidebar {
    margin: 14px 0 14px 14px;
    height: calc(100vh - 28px);
    border: 1px solid rgba(226, 232, 240, .92);
    border-radius: 28px;
    color: var(--eiqa-ink);
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 20px 45px rgba(15, 23, 42, .11);
}
.eiqa-admin .sidebar-header { color: var(--eiqa-ink); border-bottom-color: var(--eiqa-line); }
.eiqa-admin .sidebar-header i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky));
}
.eiqa-admin .sidebar-menu { padding: 14px; }
.eiqa-admin .menu-item { min-height: 44px; margin-bottom: 5px; padding: 9px 12px; border-radius: 14px; color: #334155; }
.eiqa-admin .menu-item:hover { color: var(--eiqa-sky-dark); background: #f0f9ff; }
.eiqa-admin .menu-item.active { border-left: 0; color: #fff; background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky) 62%, var(--eiqa-indigo)); box-shadow: var(--eiqa-shadow-sky); }
.eiqa-admin .sidebar-footer { border-top-color: var(--eiqa-line); }
.eiqa-admin .btn-website { border: 1px solid #bae6fd; border-radius: 14px; color: var(--eiqa-sky-dark); background: #f0f9ff; }
.eiqa-admin .top-navbar {
    min-height: 72px;
    height: auto;
    margin: 14px 18px 0;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 24px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .09);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.eiqa-admin .content-scroll { padding: 28px; }
.eiqa-admin .card,
.eiqa-admin .stat-card,
.eiqa-admin .network-card,
.eiqa-admin .cluster-admin-card,
.eiqa-admin .simulator-controls,
.eiqa-admin .modal-content,
.eiqa-admin .progress-detail-item {
    border: 1px solid var(--eiqa-line);
    border-radius: 28px;
    background: #fff;
    box-shadow: var(--eiqa-shadow-sm);
}
.eiqa-admin .stat-card { border-top: 4px solid var(--eiqa-sky-bright); }
.eiqa-admin .stat-card:nth-child(2) { border-top-color: var(--eiqa-indigo); }
.eiqa-admin .stat-card:nth-child(3) { border-top-color: #10b981; }
.eiqa-admin .stat-card:nth-child(4) { border-top-color: #f59e0b; }
.eiqa-admin .cluster-admin-number,
.eiqa-admin .network-icon { color: #fff; background: linear-gradient(135deg, var(--eiqa-sky-bright), var(--eiqa-sky)); }
.eiqa-admin .form-control,
.eiqa-admin .filter-bar,
.eiqa-admin .btn-pill {
    min-height: 44px;
    border: 2px solid #cbd5e1;
    border-radius: 16px;
    background: #fff;
}
.eiqa-admin .filter-bar { border-width: 1px; box-shadow: var(--eiqa-shadow-sm); }
.eiqa-admin .btn-primary,
.eiqa-admin .modal-btn-submit,
.eiqa-admin .btn-network-action,
.eiqa-admin .btn-sm,
.eiqa-admin .btn-pill,
.eiqa-admin .btn-logout {
    min-height: 42px;
    border-radius: 14px;
}
.eiqa-admin .btn-primary,
.eiqa-admin .modal-btn-submit { background: var(--eiqa-sky); box-shadow: var(--eiqa-shadow-sky); }
.eiqa-admin .btn-pill.active { border-color: var(--eiqa-sky); background: var(--eiqa-sky); }
.eiqa-admin .table-responsive { border: 1px solid var(--eiqa-line); border-radius: 24px; box-shadow: var(--eiqa-shadow-sm); }
.eiqa-admin th { color: #fff; background: linear-gradient(135deg, #0284c7, #0369a1); }
.eiqa-admin tr:nth-child(even) td { background: #f8fbff; }
.eiqa-admin .pipe-label,
.eiqa-admin .cluster-admin-stat span,
.eiqa-admin .cluster-admin-group,
.eiqa-admin .btn-sm,
.eiqa-admin .badge { font-size: .92rem; }

@media (max-width: 900px) {
    .eiqa-home .navbar { padding: 11px 14px; }
    .eiqa-admin .sidebar { margin: 0; height: 100vh; border-radius: 0 28px 28px 0; }
    .eiqa-admin .top-navbar { margin: 10px 10px 0; }
}

@media (max-width: 620px) {
    body[class^='eiqa-'] { font-size: 16px; background-attachment: scroll; }
    .eiqa-home .navbar,
    .eiqa-cluster .topbar,
    .eiqa-school .navbar { width: calc(100% - 20px); padding: 10px 12px; border-radius: 20px; }
    .eiqa-home .nav-logo i,
    .eiqa-cluster .brand i,
    .eiqa-school .nav-logo i { width: 38px; height: 38px; border-radius: 12px; }
    .eiqa-home .stat-card,
    .eiqa-home .level-overview-card,
    .eiqa-cluster .cluster-card,
    .eiqa-school .school-header,
    .eiqa-school .school-overview { border-radius: 24px; }
    .eiqa-login .login-card { border-radius: 28px; }
}

/* Public home — DLES-inspired portal structure */
.eiqa-home {
    background: #f5f7fb;
    background-image: none;
}
.eiqa-home #home,
.eiqa-home #dashboard,
.eiqa-home #cluster-performance,
.eiqa-home #docs,
.eiqa-home #news { scroll-margin-top: 92px; }
.eiqa-home .navbar {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 76px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(226, 232, 240, .9);
    border-radius: 0;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 5px 20px rgba(15, 23, 42, .07);
    transform: none;
}
.eiqa-home .home-nav-inner {
    width: min(1240px, calc(100% - 40px));
    min-height: 76px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}
.eiqa-home .nav-logo { flex: 0 0 auto; gap: 11px; }
.eiqa-home .nav-logo > span { display: flex; flex-direction: column; line-height: 1.05; }
.eiqa-home .nav-logo strong { font-size: 1.45rem; color: #14517b; }
.eiqa-home .nav-logo small { margin-top: 4px; font-family: 'Sarabun', sans-serif; font-size: .8rem; font-weight: 700; color: #64748b; }
.eiqa-home .home-nav-links { display: flex; align-items: stretch; align-self: stretch; gap: 2px; }
.eiqa-home .home-nav-links a {
    position: relative;
    padding: 0 14px;
    display: flex;
    align-items: center;
    color: #334155;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}
.eiqa-home .home-nav-links a::after {
    content: '';
    position: absolute;
    right: 14px;
    bottom: 0;
    left: 14px;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, #2563eb, #06b6d4);
    transform: scaleX(0);
    transition: transform .22s ease;
}
.eiqa-home .home-nav-links a:hover { color: #075985; }
.eiqa-home .home-nav-links a:hover::after { transform: scaleX(1); }
.eiqa-home .navbar .nav-buttons { flex: 0 0 auto; flex-wrap: nowrap; }
.eiqa-home .navbar .btn-solid {
    min-height: 44px;
    padding: 10px 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
}

.eiqa-home .hero-slider-section {
    height: auto;
    min-height: 650px;
    max-height: none;
    padding: 126px 5% 64px;
    align-items: center;
    border-radius: 0;
    background:
        radial-gradient(circle at 9% 18%, rgba(56, 189, 248, .19), transparent 29%),
        radial-gradient(circle at 88% 14%, rgba(129, 140, 248, .22), transparent 31%),
        linear-gradient(180deg, #e8f3ff 0%, #f4f9ff 72%, #fff 100%);
}
.eiqa-home .hero-slider-section::before,
.eiqa-home .hero-slider-section::after {
    content: '';
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
}
.eiqa-home .hero-slider-section::before { width: 270px; height: 270px; left: -145px; top: 155px; border: 42px solid rgba(14, 165, 233, .08); }
.eiqa-home .hero-slider-section::after { width: 150px; height: 150px; right: 4%; bottom: 50px; background: rgba(99, 102, 241, .07); }
.eiqa-home .hero-shell {
    position: relative;
    z-index: 2;
    width: min(1240px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(420px, .98fr);
    align-items: center;
    gap: clamp(38px, 6vw, 78px);
}
.eiqa-home .hero-content {
    width: auto;
    max-width: 680px;
    padding: 0;
    text-align: left;
    color: #0f172a;
}
.eiqa-home .hero-badge {
    margin-bottom: 22px;
    padding: 8px 18px;
    border: 1px solid #bae6fd;
    color: #075985;
    background: rgba(240, 249, 255, .9);
    box-shadow: none;
}
.eiqa-home .hero-content h1 {
    margin: 0 0 22px;
    color: #1a5077;
    font-size: clamp(2.55rem, 4.6vw, 4.25rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.04em;
    word-break: keep-all;
    overflow-wrap: normal;
}
.eiqa-home .hero-content h1 .hero-title-main {
    display: inline;
    color: #1a5077;
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
}
.eiqa-home .hero-content h1 .hero-title-nowrap {
    white-space: nowrap;
}
.eiqa-home .hero-content h1 .hero-title-system {
    color: transparent;
    background: linear-gradient(90deg, #2563eb, #06b6d4 70%);
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: none;
}
.eiqa-home .hero-content > p {
    max-width: 630px;
    margin: 0 0 30px;
    color: #475569;
    font-size: 1.12rem;
    line-height: 1.85;
}
.eiqa-home .hero-cta { justify-content: flex-start; gap: 12px; }
.eiqa-home .btn-hero-solid,
.eiqa-home .btn-hero-outline {
    min-height: 50px;
    padding: 12px 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 999px;
    font-size: 1rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.eiqa-home .btn-hero-solid { border: 1px solid transparent; color: #fff; background: linear-gradient(135deg, #2563eb, #06b6d4); box-shadow: 0 12px 25px rgba(37, 99, 235, .22); }
.eiqa-home .btn-hero-outline { border: 1px solid #bfdbfe; color: #075985; background: rgba(255, 255, 255, .76); }
.eiqa-home .btn-hero-solid:hover,
.eiqa-home .btn-hero-outline:hover { transform: translateY(-2px); box-shadow: 0 15px 28px rgba(37, 99, 235, .17); }
.eiqa-home .hero-guide-link {
    width: min(630px, 100%);
    min-height: 76px;
    margin-top: 17px;
    padding: 11px 14px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    border: 1px solid #c4b5fd;
    border-radius: 18px;
    color: #312e81;
    background: linear-gradient(135deg, rgba(250, 245, 255, .96), rgba(238, 242, 255, .96));
    box-shadow: 0 12px 28px rgba(79, 70, 229, .12);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.eiqa-home .hero-guide-link:hover { transform: translateY(-2px); border-color: #8b5cf6; box-shadow: 0 17px 34px rgba(79, 70, 229, .18); }
.eiqa-home .hero-guide-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(135deg, #7c3aed, #2563eb); font-size: 1.25rem; }
.eiqa-home .hero-guide-copy { min-width: 0; }
.eiqa-home .hero-guide-copy strong,
.eiqa-home .hero-guide-copy small { display: block; }
.eiqa-home .hero-guide-copy strong { font-size: 1rem; line-height: 1.4; }
.eiqa-home .hero-guide-copy small { margin-top: 2px; color: #64748b; font-size: .78rem; line-height: 1.45; }
.eiqa-home .hero-guide-action { padding: 8px 11px; border-radius: 999px; color: #5b21b6; background: #ede9fe; font-size: .78rem; font-weight: 900; white-space: nowrap; }
.eiqa-home .hero-trust-row { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 16px 22px; color: #475569; font-size: .96rem; font-weight: 700; }
.eiqa-home .hero-trust-row i { margin-right: 6px; color: #10b981; }

.eiqa-home .hero-visual { min-width: 0; position: relative; }
.eiqa-home .hero-showcase {
    position: relative;
    overflow: hidden;
    min-height: 350px;
    padding-top: 58px;
    border: 1px solid rgba(255, 255, 255, .9);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 30px 70px rgba(30, 64, 175, .16);
}
.eiqa-home .hero-showcase-head {
    position: absolute;
    z-index: 5;
    inset: 0 0 auto;
    height: 58px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: #334155;
    font-size: .94rem;
    font-weight: 800;
    background: #fff;
}
.eiqa-home .hero-showcase-head span i { margin-right: 7px; color: #2563eb; }
.eiqa-home .hero-showcase-head strong { padding: 5px 11px; border-radius: 999px; color: #075985; background: #e0f2fe; }
.eiqa-home .hero-showcase .swiper-container-bg { position: absolute; inset: 58px 0 0; width: 100%; height: auto; }
.eiqa-home .hero-showcase .swiper-slide-bg { position: relative; overflow: hidden; }
.eiqa-home .hero-showcase .swiper-slide-bg img { display: block; width: 100%; height: 292px; object-fit: cover; }
.eiqa-home .hero-slide-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 45px 22px 22px;
    color: #fff;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.45;
    background: linear-gradient(transparent, rgba(15, 23, 42, .88));
}
.eiqa-home .hero-showcase .swiper-pagination { bottom: 9px !important; text-align: right; padding-right: 17px; }
.eiqa-home .hero-showcase .swiper-pagination-bullet { background: #fff; }
.eiqa-home .hero-quick-stats {
    position: relative;
    z-index: 7;
    width: calc(100% - 34px);
    margin: -23px auto 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.eiqa-home .hero-quick-stats > div {
    min-height: 66px;
    padding: 12px 14px;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px solid #dbeafe;
    border-radius: 16px;
    color: #475569;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}
.eiqa-home .hero-quick-stats i { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 12px; color: #2563eb; background: #eff6ff; }
.eiqa-home .hero-quick-stats span { display: flex; align-items: baseline; gap: 5px; font-size: .94rem; font-weight: 700; }
.eiqa-home .hero-quick-stats strong { color: #0f172a; font-size: 1.22rem; }

.eiqa-home .portal-services { position: relative; z-index: 4; padding: 54px 5% 62px; background: #fff; }
.eiqa-home .portal-services-heading { margin-bottom: 24px; display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; }
.eiqa-home .section-eyebrow { display: inline-block; margin-bottom: 5px; color: #2563eb; font-weight: 800; letter-spacing: .02em; }
.eiqa-home .portal-services-heading h2 { margin: 0; color: #1a5077; font-size: clamp(1.7rem, 3vw, 2.25rem); }
.eiqa-home .portal-services-heading p { margin: 0 0 5px; color: #64748b; font-size: 1rem; }
.eiqa-home .portal-service-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.eiqa-home .portal-service-card {
    min-height: 108px;
    padding: 17px 18px;
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) 30px;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--service-border, #dbeafe);
    border-radius: 18px;
    color: #0f172a;
    background: var(--service-bg, linear-gradient(145deg, #eff6ff, #fff));
    text-decoration: none;
    box-shadow: 0 7px 18px rgba(15, 23, 42, .045);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.eiqa-home .portal-service-card:hover { transform: translateY(-4px); border-color: var(--service-accent, #60a5fa); box-shadow: 0 16px 32px rgba(15, 23, 42, .09); }
.eiqa-home .portal-service-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 15px; color: #fff; background: var(--service-accent, #2563eb); font-size: 1.2rem; }
.eiqa-home .portal-service-card > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; }
.eiqa-home .portal-service-card strong { font-size: 1.04rem; line-height: 1.35; }
.eiqa-home .portal-service-card small { margin-top: 4px; color: #64748b; font-size: .91rem; font-weight: 600; line-height: 1.35; }
.eiqa-home .portal-service-arrow { color: var(--service-accent, #2563eb); }
.eiqa-home .tone-blue { --service-accent: #2563eb; --service-border: #dbeafe; --service-bg: linear-gradient(145deg, #eff6ff, #fff); }
.eiqa-home .tone-violet { --service-accent: #7c3aed; --service-border: #e9d5ff; --service-bg: linear-gradient(145deg, #f5f3ff, #fff); }
.eiqa-home .tone-cyan { --service-accent: #0891b2; --service-border: #cffafe; --service-bg: linear-gradient(145deg, #ecfeff, #fff); }
.eiqa-home .tone-green { --service-accent: #059669; --service-border: #d1fae5; --service-bg: linear-gradient(145deg, #ecfdf5, #fff); }
.eiqa-home .tone-amber { --service-accent: #d97706; --service-border: #fef3c7; --service-bg: linear-gradient(145deg, #fffbeb, #fff); }
.eiqa-home .tone-rose { --service-accent: #e11d48; --service-border: #ffe4e6; --service-bg: linear-gradient(145deg, #fff1f2, #fff); }

.eiqa-home .dashboard-wrapper { margin-top: 0; padding: 68px 5%; background: #f5f7fb; }
.eiqa-home .dashboard-wrapper > * { max-width: 1200px; margin-left: auto; margin-right: auto; }
.eiqa-home .filter-container { margin-bottom: 28px; }
.eiqa-home .model-section { margin-top: 0; padding-top: 0; background: #f5f7fb; }
.eiqa-home .group-section { background: #fff; }
.eiqa-home .features-section { background: #f5f7fb; }

@media (max-width: 1080px) {
    .eiqa-home .home-nav-links a { padding: 0 9px; }
    .eiqa-home .home-nav-links a::after { right: 9px; left: 9px; }
    .eiqa-home .hero-shell { grid-template-columns: minmax(0, 1fr) minmax(370px, .88fr); gap: 36px; }
    .eiqa-home .portal-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .eiqa-home .navbar { min-height: 70px; padding: 0; }
    .eiqa-home .home-nav-inner { min-height: 70px; width: calc(100% - 28px); }
    .eiqa-home .home-nav-links { display: none; }
    .eiqa-home .hero-slider-section { min-height: 0; padding: 112px 5% 58px; }
    .eiqa-home .hero-shell { grid-template-columns: 1fr; }
    .eiqa-home .hero-content { max-width: 760px; }
    .eiqa-home .hero-content h1 { font-size: clamp(2.55rem, 7vw, 3.65rem); }
    .eiqa-home .hero-visual { width: min(640px, 100%); }
}

@media (max-width: 620px) {
    .eiqa-home .navbar { width: 100%; min-height: 66px; padding: 0; border-radius: 0; }
    .eiqa-home .home-nav-inner { width: calc(100% - 22px); min-height: 66px; gap: 10px; }
    .eiqa-home .nav-logo i { width: 38px; height: 38px; border-radius: 12px; }
    .eiqa-home .nav-logo strong { font-size: 1.25rem; }
    .eiqa-home .nav-logo small { display: none; }
    .eiqa-home .navbar .btn-solid { min-height: 40px; width: auto; padding: 8px 14px; font-size: .92rem; }
    .eiqa-home .navbar .user-badge { display: none; }
    .eiqa-home .hero-slider-section { padding: 96px 20px 44px; }
    .eiqa-home .hero-content h1 { font-size: clamp(2rem, 10.5vw, 2.8rem); letter-spacing: -.025em; }
    .eiqa-home .hero-content > p { font-size: 1.03rem; line-height: 1.75; }
    .eiqa-home .hero-cta { flex-direction: column; }
    .eiqa-home .btn-hero-solid,
    .eiqa-home .btn-hero-outline { width: 100%; }
    .eiqa-home .hero-guide-link { grid-template-columns: 44px minmax(0, 1fr); padding: 11px; }
    .eiqa-home .hero-guide-icon { width: 44px; height: 44px; }
    .eiqa-home .hero-guide-action { grid-column: 1 / -1; text-align: center; }
    .eiqa-home .hero-trust-row { display: grid; gap: 9px; }
    .eiqa-home .hero-showcase { min-height: 300px; border-radius: 22px; }
    .eiqa-home .hero-showcase .swiper-slide-bg img { height: 242px; }
    .eiqa-home .hero-quick-stats { width: calc(100% - 18px); grid-template-columns: 1fr; }
    .eiqa-home .hero-quick-stats > div { min-height: 58px; }
    .eiqa-home .portal-services { padding: 42px 18px 48px; }
    .eiqa-home .portal-services-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
    .eiqa-home .portal-service-grid { grid-template-columns: 1fr; }
    .eiqa-home .portal-service-card { min-height: 96px; }
    .eiqa-home .dashboard-wrapper { padding: 52px 18px; }
}

/* Home contrast correction and reference-style related links */
.eiqa-home .lms-section {
    color: var(--eiqa-ink);
    background:
        radial-gradient(circle at 90% 12%, rgba(129, 140, 248, .16), transparent 30%),
        linear-gradient(145deg, #eef7ff 0%, #f8fbff 52%, #eef2ff 100%);
}
.eiqa-home .lms-section::before {
    top: -30%;
    right: -12%;
    background: radial-gradient(circle, rgba(14, 165, 233, .13), transparent 64%);
}
.eiqa-home .lms-container {
    padding: clamp(28px, 4vw, 52px);
    border: 1px solid #dbeafe;
    color: var(--eiqa-ink);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 22px 50px rgba(30, 64, 175, .1);
}
.eiqa-home .lms-text-content h2 {
    color: #1a5077;
    background: linear-gradient(90deg, #1d4ed8, #0891b2);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.eiqa-home .lms-text-content p,
.eiqa-home .lms-text-content p strong { color: #334155; }
.eiqa-home .lms-course-card {
    border: 1px solid #dbeafe;
    color: var(--eiqa-ink);
    background: linear-gradient(145deg, #f8fbff, #fff);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}
.eiqa-home .lms-course-card:hover {
    border-color: #93c5fd;
    background: #fff;
    box-shadow: 0 18px 36px rgba(30, 64, 175, .12);
}
.eiqa-home .course-title { color: #0f172a; }
.eiqa-home .course-desc { color: #475569; }
.eiqa-home .course-icon { color: #2563eb; }
.eiqa-home .course-badge {
    border-color: #bfdbfe;
    color: #1d4ed8;
    background: #eff6ff;
}
.eiqa-home .lms-btn { color: #fff; background: linear-gradient(135deg, #2563eb, #06b6d4); }
.eiqa-home .lms-btn:hover { color: #075985; background: #fff; }
.eiqa-home .sc-count span { color: #475569 !important; font-size: .94rem !important; }

.eiqa-home .ext-links-section {
    color: var(--eiqa-ink);
    background:
        radial-gradient(circle at 5% 20%, rgba(56, 189, 248, .13), transparent 28%),
        radial-gradient(circle at 95% 0%, rgba(129, 140, 248, .14), transparent 27%),
        linear-gradient(180deg, #f4f9ff, #fff);
}
.eiqa-home .ext-links-section::before {
    width: 260px;
    height: 260px;
    top: auto;
    right: -110px;
    bottom: -120px;
    background: rgba(14, 165, 233, .06);
}
.eiqa-home .ext-links-section .section-title { position: relative; z-index: 2; }
.eiqa-home .ext-links-section .section-title h2 { color: #1a5077; }
.eiqa-home .ext-links-section .section-title p { color: #475569; }
.eiqa-home .ext-links-grid {
    max-width: 1120px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    align-items: stretch;
    gap: 16px;
}
.eiqa-home .ext-link-card-pro {
    min-height: 190px;
    padding: 24px 20px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    border: 1px solid #dbeafe;
    border-radius: 20px;
    color: #0f172a;
    text-align: center;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    backdrop-filter: none;
}
.eiqa-home .ext-link-card-pro:hover {
    border-color: #60a5fa;
    color: #0f172a;
    background: #fff;
    box-shadow: 0 17px 35px rgba(37, 99, 235, .13);
}
.eiqa-home .ext-icon-pro {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    padding: 9px;
    border: 1px solid #dbeafe;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(145deg, #eff6ff, #fff);
    box-shadow: none;
}
.eiqa-home .ext-icon-pro img {
    width: 100%;
    height: 100%;
    border-radius: 11px;
    object-fit: contain;
}
.eiqa-home .ext-icon-pro > i {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
}
.eiqa-home .ext-link-content {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.eiqa-home .ext-title-pro {
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: 0;
}
.eiqa-home .ext-link-content small {
    color: #2563eb;
    font-size: .94rem;
    font-weight: 700;
}
.eiqa-home .ext-link-content small i { margin-left: 4px; font-size: .8rem; }

@media (max-width: 620px) {
    .eiqa-home .lms-container { padding: 24px 18px; }
    .eiqa-home .ext-links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .eiqa-home .ext-link-card-pro { min-height: 185px; padding: 20px 12px 17px; }
    .eiqa-home .ext-title-pro { font-size: .96rem; }
}

@media (max-width: 390px) {
    .eiqa-home .ext-links-grid { grid-template-columns: 1fr; }
    .eiqa-home .ext-link-card-pro { min-height: 0; }
}

/* School workspace — clear, colorful six-step implementation calendar */
.eiqa-school .implementation-calendar {
    margin-bottom: 30px;
    padding: 30px;
    border: 1px solid #dbeafe;
    border-radius: 32px;
    background:
        radial-gradient(circle at 100% 0%, rgba(129, 140, 248, .13), transparent 30%),
        radial-gradient(circle at 0 100%, rgba(56, 189, 248, .1), transparent 28%),
        #fff;
    box-shadow: var(--eiqa-shadow-md);
}
.eiqa-school .calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    margin-bottom: 22px;
}
.eiqa-school .calendar-heading-group { min-width: 0; display: flex; align-items: center; gap: 16px; }
.eiqa-school .calendar-heading-icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    color: #fff;
    font-size: 1.35rem;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    box-shadow: 0 12px 24px rgba(37, 99, 235, .2);
}
.eiqa-school .calendar-eyebrow { color: #2563eb; font-size: .94rem; font-weight: 800; }
.eiqa-school .calendar-heading-group h2 { margin: 2px 0 4px; color: #172554; font-size: clamp(1.55rem, 3vw, 2rem); }
.eiqa-school .calendar-heading-group p { margin: 0; color: #475569; font-size: .98rem; line-height: 1.55; }
.eiqa-school .calendar-progress-summary {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 11px 15px 11px 11px;
    border: 1px solid #bfdbfe;
    border-radius: 20px;
    background: rgba(239, 246, 255, .88);
}
.eiqa-school .calendar-progress-ring {
    position: relative;
    width: 74px;
    height: 74px;
    flex: 0 0 74px;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    background: conic-gradient(#10b981 var(--calendar-pct), #dbeafe 0);
}
.eiqa-school .calendar-progress-ring::before { content: ''; position: absolute; inset: 7px; border-radius: 50%; background: #fff; }
.eiqa-school .calendar-progress-ring strong,
.eiqa-school .calendar-progress-ring span { position: relative; z-index: 1; }
.eiqa-school .calendar-progress-ring strong { color: #047857; font-size: 1.15rem; line-height: 1; }
.eiqa-school .calendar-progress-ring span { margin-top: 3px; color: #64748b; font-size: .72rem; font-weight: 700; }
.eiqa-school .calendar-progress-copy { display: flex; flex-direction: column; gap: 5px; white-space: nowrap; }
.eiqa-school .calendar-progress-copy strong { color: #0f172a; font-size: 1rem; }
.eiqa-school .calendar-progress-copy span { color: #475569; font-size: .94rem; font-weight: 700; }
.eiqa-school .calendar-progress-copy i { margin-right: 5px; color: #2563eb; }

.eiqa-school .calendar-legend { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; }
.eiqa-school .legend-item {
    min-height: 36px;
    padding: 7px 10px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    color: #334155;
    background: #fff;
    font-size: .92rem;
    font-weight: 700;
}
.eiqa-school a.legend-item { color: inherit; text-decoration: none; cursor: pointer; transition: transform .15s ease,box-shadow .15s ease; }
.eiqa-school a.legend-item:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(15,23,42,.11); }
.eiqa-school .legend-item.disabled { opacity: .62; }
.eiqa-school .legend-go { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 999px; color: var(--legend); background: var(--legend-soft); font-size: .66rem; }
.eiqa-school .legend-go i { width: auto; height: auto; background: none; box-shadow: none; }
.eiqa-school .calendar-progress-copy a { display: inline-flex; align-items: center; gap: 5px; color: #1d4ed8; font-weight: 850; text-decoration: none; }
.eiqa-school .calendar-progress-copy a:hover { text-decoration: underline; }
.eiqa-school .calendar-progress-copy a small { padding: 2px 6px; border-radius: 999px; color: #fff; background: #2563eb; font-size: .62rem; }
.eiqa-school .calendar-step-card { scroll-margin-top: 100px; }
.eiqa-school .legend-item i { width: 10px; height: 10px; border-radius: 50%; background: var(--legend); box-shadow: 0 0 0 4px var(--legend-soft); }
.eiqa-school .legend-item strong { min-width: 24px; height: 24px; display: grid; place-items: center; border-radius: 999px; color: var(--legend); background: var(--legend-soft); font-size: .85rem; }
.eiqa-school .legend-progress { --legend: #2563eb; --legend-soft: #dbeafe; }
.eiqa-school .legend-completed { --legend: #059669; --legend-soft: #d1fae5; }
.eiqa-school .legend-review { --legend: #d97706; --legend-soft: #fef3c7; }
.eiqa-school .legend-revision { --legend: #e11d48; --legend-soft: #ffe4e6; }
.eiqa-school .legend-verified { --legend: #7c3aed; --legend-soft: #ede9fe; }
.eiqa-school .legend-pending { --legend: #64748b; --legend-soft: #e2e8f0; }

.eiqa-school .calendar-step-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.eiqa-school .calendar-step-card {
    --status: #64748b;
    --status-soft: #f8fafc;
    --status-line: #cbd5e1;
    --step: #64748b;
    position: relative;
    min-width: 0;
    padding: 21px;
    overflow: hidden;
    border: 2px solid var(--status-line);
    border-radius: 22px;
    background: linear-gradient(145deg, var(--status-soft), #fff 62%);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .055);
    transition: transform .2s ease, box-shadow .2s ease;
}
.eiqa-school .calendar-step-card::before { content: ''; position: absolute; inset: 0 0 auto; height: 5px; background: linear-gradient(90deg, var(--step), var(--status)); }
.eiqa-school .calendar-step-card:hover { transform: translateY(-3px); box-shadow: 0 16px 30px rgba(15, 23, 42, .1); }
.eiqa-school .calendar-step-card.state-progress { --status: #2563eb; --status-soft: #eff6ff; --status-line: #93c5fd; }
.eiqa-school .calendar-step-card.state-completed { --status: #059669; --status-soft: #ecfdf5; --status-line: #6ee7b7; }
.eiqa-school .calendar-step-card.state-review { --status: #d97706; --status-soft: #fffbeb; --status-line: #fcd34d; }
.eiqa-school .calendar-step-card.state-revision { --status: #e11d48; --status-soft: #fff1f2; --status-line: #fda4af; }
.eiqa-school .calendar-step-card.state-verified { --status: #7c3aed; --status-soft: #f5f3ff; --status-line: #c4b5fd; }
.eiqa-school .calendar-step-card.state-pending { --status: #64748b; --status-soft: #f8fafc; --status-line: #cbd5e1; }
.eiqa-school .calendar-step-card.step-color-1 { --step: #7c3aed; }
.eiqa-school .calendar-step-card.step-color-2 { --step: #2563eb; }
.eiqa-school .calendar-step-card.step-color-3 { --step: #0891b2; }
.eiqa-school .calendar-step-card.step-color-4 { --step: #d97706; }
.eiqa-school .calendar-step-card.step-color-5 { --step: #db2777; }
.eiqa-school .calendar-step-card.step-color-6 { --step: #059669; }
.eiqa-school .calendar-step-card.calendar-next { box-shadow: 0 0 0 4px rgba(245, 158, 11, .13), 0 16px 34px rgba(15, 23, 42, .1); }
.eiqa-school .calendar-next-ribbon {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    padding: 5px 9px;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #f97316, #f59e0b);
    box-shadow: 0 7px 14px rgba(245, 158, 11, .2);
    border: 0;
    font-family: inherit;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}
.eiqa-school .calendar-next-ribbon:hover { transform: translateY(-2px); box-shadow: 0 11px 20px rgba(245, 158, 11, .28); }
.eiqa-school .calendar-date-row { min-height: 29px; margin-bottom: 14px; padding-right: 82px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 9px; }
.eiqa-school .calendar-date { color: var(--status); font-size: .94rem; font-weight: 800; }
.eiqa-school .calendar-date i { margin-right: 5px; }
.eiqa-school .calendar-phase { padding: 3px 8px; border-radius: 999px; color: #475569; background: rgba(255, 255, 255, .82); font-size: .84rem; font-weight: 700; }
.eiqa-school .calendar-card-heading { display: flex; align-items: center; gap: 11px; margin-bottom: 10px; }
.eiqa-school .calendar-step-number {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, var(--step), var(--status));
    box-shadow: 0 8px 16px rgba(15, 23, 42, .12);
    font-family: 'Outfit', 'Sarabun', sans-serif;
    font-size: 1.15rem;
    font-weight: 800;
}
.eiqa-school .calendar-card-heading h3 { margin: 0; color: #0f172a; font-size: 1.08rem; line-height: 1.35; }
.eiqa-school .calendar-step-card > p { min-height: 48px; margin: 0 0 16px; color: #475569; font-size: .95rem; line-height: 1.58; }
.eiqa-school .calendar-card-footer { padding-top: 13px; display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; border-top: 1px dashed var(--status-line); }
.eiqa-school .calendar-status-group { display: flex; flex-wrap: wrap; gap: 5px; }
.eiqa-school .calendar-status,
.eiqa-school .calendar-evidence { min-height: 31px; padding: 5px 9px; display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; font-size: .88rem; font-weight: 800; }
.eiqa-school .calendar-status { border: 1px solid var(--status-line); color: var(--status); background: #fff; }
.eiqa-school .calendar-evidence { border: 1px solid #a7f3d0; color: #047857; background: #ecfdf5; }
.eiqa-school .calendar-card-footer > a { flex: 0 0 auto; color: #1d4ed8; font-size: .91rem; font-weight: 800; text-decoration: none; }
.eiqa-school .calendar-card-footer > a:hover { text-decoration: underline; }
.eiqa-school .calendar-card-footer > a i { margin-left: 4px; font-size: .75rem; }
.eiqa-school .calendar-locked-note { flex: 0 0 auto; color: #64748b; font-size: .88rem; font-weight: 700; white-space: nowrap; }
.eiqa-school .calendar-locked-note i { margin-right: 4px; color: #94a3b8; }
.eiqa-school .calendar-note { margin: 18px 2px 0; color: #475569; font-size: .94rem; line-height: 1.55; }
.eiqa-school .calendar-note i { margin-right: 6px; color: #2563eb; }
.eiqa-school .step-container { scroll-margin-top: 104px; }
.eiqa-school .school-back-to-top {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1200;
    min-height: 48px;
    padding: 11px 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, .75);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    box-shadow: 0 14px 30px rgba(37, 99, 235, .28);
    font-family: inherit;
    font-size: .95rem;
    font-weight: 800;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transform: translateY(18px) scale(.92);
    transition: opacity .22s ease, transform .22s ease, box-shadow .22s ease;
}
.eiqa-school .school-back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.eiqa-school .school-back-to-top:hover { box-shadow: 0 18px 36px rgba(37, 99, 235, .38); transform: translateY(-2px) scale(1); }
.eiqa-school .school-back-to-top i { font-size: 1rem; }

@media (max-width: 980px) {
    .eiqa-school .calendar-header { align-items: flex-start; }
    .eiqa-school .calendar-progress-summary { align-self: stretch; }
    .eiqa-school .calendar-step-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
    .eiqa-school .implementation-calendar { padding: 21px 16px; border-radius: 26px; }
    .eiqa-school .calendar-header { flex-direction: column; }
    .eiqa-school .calendar-progress-summary { width: 100%; box-sizing: border-box; justify-content: center; }
    .eiqa-school .calendar-step-grid { grid-template-columns: 1fr; }
    .eiqa-school .calendar-step-card > p { min-height: 0; }
}

@media (max-width: 440px) {
    .eiqa-school .calendar-heading-group { align-items: flex-start; }
    .eiqa-school .calendar-heading-icon { width: 48px; height: 48px; flex-basis: 48px; border-radius: 15px; }
    .eiqa-school .calendar-progress-summary { justify-content: flex-start; }
    .eiqa-school .calendar-progress-copy { white-space: normal; }
    .eiqa-school .calendar-legend { display: grid; grid-template-columns: 1fr 1fr; }
    .eiqa-school .legend-item { justify-content: space-between; }
    .eiqa-school .calendar-card-footer { align-items: flex-start; flex-direction: column; }
    .eiqa-school .school-back-to-top { right: 14px; bottom: 14px; min-width: 48px; width: 48px; padding: 0; }
    .eiqa-school .school-back-to-top span { display: none; }
}

/* School workspace — unified level/year context, calendar and six-step navigator */
.eiqa-school .level-overview-card.level-overview-early { border-color: #fdba74; background: linear-gradient(145deg, #fff7ed, #fff); }
.eiqa-school .level-overview-card.level-overview-early .level-card-title,
.eiqa-school .level-overview-card.level-overview-early .level-card-percent { color: #c2410c; }
.eiqa-school .level-overview-card.level-overview-basic { border-color: #93c5fd; background: linear-gradient(145deg, #eff6ff, #fff); }
.eiqa-school .level-overview-card.level-overview-basic .level-card-title,
.eiqa-school .level-overview-card.level-overview-basic .level-card-percent { color: #1d4ed8; }
.eiqa-school .level-overview-card.level-overview-early.active { border-color: #f97316; box-shadow: 0 9px 24px rgba(249,115,22,.18); }
.eiqa-school .level-overview-card.level-overview-basic.active { border-color: #2563eb; box-shadow: 0 9px 24px rgba(37,99,235,.18); }
.eiqa-school .overview-level-year { margin-top: 5px; display: block; color: #64748b; font-size: .72rem; font-weight: 700; }
.eiqa-school .overview-level-year i { margin-right: 4px; }
.eiqa-school .level-workspace-shell {
    --level-main: #2563eb;
    --level-dark: #1e3a8a;
    --level-accent: #06b6d4;
    --level-soft: #eff6ff;
    --level-soft-2: #ecfeff;
    margin-bottom: 30px;
    overflow: hidden;
    border: 2px solid #bfdbfe;
    border-color: color-mix(in srgb, var(--level-main) 35%, #fff);
    border-radius: 32px;
    background: linear-gradient(160deg, var(--level-soft), #fff 34%, var(--level-soft-2));
    box-shadow: 0 20px 44px color-mix(in srgb, var(--level-main) 15%, transparent);
}
.eiqa-school .level-workspace-shell.level-theme-early {
    --level-main: #f97316;
    --level-dark: #9a3412;
    --level-accent: #ec4899;
    --level-soft: #fff7ed;
    --level-soft-2: #fdf2f8;
}
.eiqa-school .level-workspace-shell.level-theme-basic {
    --level-main: #2563eb;
    --level-dark: #1e3a8a;
    --level-accent: #06b6d4;
    --level-soft: #eff6ff;
    --level-soft-2: #ecfeff;
}
.eiqa-school .level-workspace-context {
    padding: 24px 26px;
    display: grid;
    grid-template-columns: minmax(300px, 1fr) minmax(440px, .95fr);
    align-items: center;
    gap: 22px;
    color: #fff;
    background:
        radial-gradient(circle at 8% 110%, rgba(255,255,255,.26), transparent 34%),
        linear-gradient(125deg, var(--level-dark), var(--level-main) 58%, var(--level-accent));
}
.eiqa-school .level-context-current { min-width: 0; display: flex; align-items: center; gap: 16px; }
.eiqa-school .level-context-icon {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    display: grid;
    place-items: center;
    border: 2px solid rgba(255,255,255,.66);
    border-radius: 21px;
    color: #fff;
    background: rgba(255,255,255,.17);
    box-shadow: 0 12px 25px rgba(15,23,42,.18);
    font-size: 1.65rem;
}
.eiqa-school .level-context-copy { min-width: 0; }
.eiqa-school .level-context-eyebrow { display: block; color: rgba(255,255,255,.88); font-size: .8rem; font-weight: 700; }
.eiqa-school .level-context-eyebrow i { margin-right: 5px; }
.eiqa-school .level-context-copy h2 { margin: 2px 0 7px; color: #fff; font-size: clamp(1.5rem, 3vw, 2.15rem); line-height: 1.25; }
.eiqa-school .level-context-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 13px; color: rgba(255,255,255,.93); font-size: .84rem; font-weight: 600; }
.eiqa-school .level-context-meta > span { display: inline-flex; align-items: center; gap: 6px; }
.eiqa-school .level-year-badge {
    padding: 7px 11px;
    border: 1px solid rgba(255,255,255,.62);
    border-radius: 999px;
    color: var(--level-dark) !important;
    background: #fff;
    box-shadow: 0 6px 14px rgba(15,23,42,.12);
}
.eiqa-school .level-year-badge strong { font-size: 1rem; }
.eiqa-school .level-context-switch { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.eiqa-school .level-choice {
    position: relative;
    min-width: 0;
    min-height: 66px;
    padding: 11px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 2px solid rgba(255,255,255,.72);
    border-radius: 17px;
    color: #334155;
    background: rgba(255,255,255,.91);
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(15,23,42,.12);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.eiqa-school .level-choice:hover { transform: translateY(-2px); box-shadow: 0 12px 24px rgba(15,23,42,.18); }
.eiqa-school .level-choice-early { border-color: #fdba74; color: #9a3412; }
.eiqa-school .level-choice-basic { border-color: #93c5fd; color: #1e3a8a; }
.eiqa-school .level-choice.active { border-color: #fff; color: #fff; transform: translateY(-2px); }
.eiqa-school .level-choice-early.active { background: linear-gradient(135deg, #f97316, #ec4899); }
.eiqa-school .level-choice-basic.active { background: linear-gradient(135deg, #2563eb, #06b6d4); }
.eiqa-school .level-choice-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: rgba(255,255,255,.78);
    font-size: 1rem;
}
.eiqa-school .level-choice.active .level-choice-icon { color: inherit; background: rgba(255,255,255,.2); }
.eiqa-school .level-choice > span:nth-child(2) { min-width: 0; }
.eiqa-school .level-choice strong { display: block; font-size: .87rem; line-height: 1.3; }
.eiqa-school .level-choice small { display: block; margin-top: 3px; color: #64748b; font-size: .66rem; font-weight: 600; }
.eiqa-school .level-choice.active small { color: rgba(255,255,255,.86); }
.eiqa-school .level-choice-check { margin-left: auto; font-size: .9rem; }

.eiqa-school .level-workspace-shell .implementation-calendar {
    margin: 0;
    padding: 28px 28px 24px;
    border: 0;
    border-radius: 0;
    background: rgba(255,255,255,.72);
    box-shadow: none;
}
.eiqa-school .level-workspace-shell .calendar-heading-icon { background: linear-gradient(135deg, var(--level-main), var(--level-accent)); }
.eiqa-school .level-workspace-shell .calendar-eyebrow { color: var(--level-dark); }
.eiqa-school .level-workspace-shell .calendar-progress-summary { border-color: #bfdbfe; border-color: color-mix(in srgb, var(--level-main) 35%, #fff); background: var(--level-soft); }
.eiqa-school .level-workspace-shell .calendar-progress-copy i,
.eiqa-school .level-workspace-shell .calendar-note i { color: var(--level-main); }
.eiqa-school .step-navigation-block {
    padding: 22px 26px 20px;
    border-top: 2px solid #dbeafe;
    border-top-color: color-mix(in srgb, var(--level-main) 20%, #fff);
    background: linear-gradient(135deg, var(--level-soft), rgba(255,255,255,.94));
}
.eiqa-school .step-navigation-heading { margin-bottom: 15px; display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.eiqa-school .step-navigation-heading span { color: var(--level-main); font-size: .76rem; font-weight: 800; }
.eiqa-school .step-navigation-heading h3 { margin: 2px 0 0; color: var(--level-dark); font-size: 1.18rem; }
.eiqa-school .step-navigation-heading h3 i { margin-right: 6px; }
.eiqa-school .step-navigation-heading h3 b { margin-left: 7px; padding: 4px 9px; border-radius: 999px; color: #fff; background: var(--level-main); font-size: .75rem; white-space: nowrap; }
.eiqa-school .step-navigation-heading small { color: #64748b; font-size: .75rem; font-weight: 700; }
.eiqa-school .step-navigation-block .wizard-header { margin: 0; padding: 2px 1px 9px; }
.eiqa-school .step-navigation-block .wizard-step-btn {
    position: relative;
    overflow: hidden;
    border-color: #cbd5e1;
    border-color: color-mix(in srgb, var(--level-main) 20%, #cbd5e1);
    background: rgba(255,255,255,.93);
}
.eiqa-school .step-navigation-block .wizard-step-btn::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--level-main), var(--level-accent)); opacity: .38; }
.eiqa-school .step-navigation-block .wizard-step-btn:hover { border-color: var(--level-main); }
.eiqa-school .step-navigation-block .wizard-step-btn.active {
    border-color: var(--level-main);
    background: var(--level-soft);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--level-main) 20%, transparent);
}
.eiqa-school .step-navigation-block .wizard-step-btn.active::before { opacity: 1; height: 6px; }
.eiqa-school .step-navigation-block .wizard-step-btn.active .ws-num,
.eiqa-school .step-navigation-block .wizard-step-btn.active .ws-title { color: var(--level-dark); }

@media (max-width: 1040px) {
    .eiqa-school .level-workspace-context { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .eiqa-school .level-workspace-shell { border-radius: 24px; }
    .eiqa-school .level-workspace-context { padding: 19px 16px; }
    .eiqa-school .level-context-switch { grid-template-columns: 1fr 1fr; }
    .eiqa-school .level-workspace-shell .implementation-calendar { padding: 22px 15px; }
    .eiqa-school .step-navigation-block { padding: 18px 14px 12px; }
    .eiqa-school .step-navigation-heading { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 520px) {
    .eiqa-school .level-context-current { align-items: flex-start; }
    .eiqa-school .level-context-icon { width: 54px; height: 54px; flex-basis: 54px; border-radius: 17px; font-size: 1.3rem; }
    .eiqa-school .level-context-copy h2 { font-size: 1.35rem; }
    .eiqa-school .level-context-switch { grid-template-columns: 1fr; }
    .eiqa-school .level-choice { min-height: 58px; }
    .eiqa-school .step-navigation-heading h3 { line-height: 1.8; }
    .eiqa-school .step-navigation-heading h3 b { margin-left: 3px; }
}

/* Supervisor: education standards and target-value evaluator */
.eiqa-supervisor .standard-tool-link {
    margin-bottom: 12px;
    border: 1px solid #c4b5fd;
    color: #5b21b6;
    background: linear-gradient(135deg, #f5f3ff, #eef2ff);
}
.eiqa-supervisor .standard-tool-link i { color: #7c3aed; }
.eiqa-supervisor .standard-tool-workspace { display: grid; gap: 18px; }
.eiqa-supervisor .standard-tool-intro {
    padding: 24px;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    border: 1px solid #c4b5fd;
    border-radius: 24px;
    color: #fff;
    background: linear-gradient(125deg, #4c1d95 0%, #6d28d9 48%, #2563eb 100%);
    box-shadow: 0 18px 34px rgba(91, 33, 182, .18);
}
.eiqa-supervisor .standard-tool-intro-icon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: 18px;
    background: rgba(255,255,255,.15);
    font-size: 1.45rem;
}
.eiqa-supervisor .standard-tool-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #ddd6fe;
    font-size: .92rem;
    font-weight: 800;
    letter-spacing: .03em;
}
.eiqa-supervisor .standard-tool-intro h2 { margin: 4px 0 7px; color: #fff; font-size: 1.65rem; line-height: 1.3; }
.eiqa-supervisor .standard-tool-intro p { max-width: 940px; margin: 0; color: #ede9fe; font-size: 1rem; line-height: 1.7; }
.eiqa-supervisor .standard-tool-legend { padding: 14px 18px; display: flex; flex-wrap: wrap; gap: 9px; border: 1px solid #e2e8f0; border-radius: 18px; background: #fff; }
.eiqa-supervisor .standard-tool-legend span { padding: 7px 10px; display: inline-flex; align-items: center; gap: 7px; border-radius: 999px; color: #334155; background: #f8fafc; font-size: .93rem; font-weight: 750; }
.eiqa-supervisor .standard-tool-legend i { color: #7c3aed; }
.eiqa-supervisor .standard-school-list { display: grid; gap: 10px; }
.eiqa-supervisor .standard-tool-row {
    padding: 14px 16px;
    display: grid;
    grid-template-columns: 42px minmax(210px, 1fr) minmax(460px, 1.75fr);
    align-items: center;
    gap: 14px;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(15,23,42,.05);
}
.eiqa-supervisor .standard-school-number { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #5b21b6; background: #ede9fe; font-weight: 900; }
.eiqa-supervisor .standard-school-identity { min-width: 0; }
.eiqa-supervisor .standard-school-identity strong { display: block; color: #0f172a; font-size: 1rem; line-height: 1.45; }
.eiqa-supervisor .standard-school-identity span { display: block; margin-top: 4px; color: #64748b; font-size: .88rem; line-height: 1.4; }
.eiqa-supervisor .standard-level-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.eiqa-supervisor .standard-level-action { min-width: 0; padding: 10px 12px; display: grid; gap: 5px; border: 1px solid #ddd6fe; border-radius: 14px; color: #334155; background: #fafaff; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.eiqa-supervisor .standard-level-action.basic { border-color: #bfdbfe; background: #f8fbff; }
.eiqa-supervisor .standard-level-action:hover { border-color: #8b5cf6; box-shadow: 0 10px 20px rgba(91,33,182,.11); transform: translateY(-2px); }
.eiqa-supervisor .standard-level-name { display: flex; align-items: center; gap: 7px; color: #4c1d95; font-size: .95rem; font-weight: 900; }
.eiqa-supervisor .standard-level-action.basic .standard-level-name { color: #1d4ed8; }
.eiqa-supervisor .standard-source-status { display: flex; flex-wrap: wrap; gap: 5px; }
.eiqa-supervisor .standard-source-status b { padding: 3px 7px; border-radius: 999px; font-size: .77rem; }
.eiqa-supervisor .standard-source-status .ready { color: #047857; background: #d1fae5; }
.eiqa-supervisor .standard-source-status .missing { color: #9a3412; background: #ffedd5; }
.eiqa-supervisor .standard-eval-result { color: #047857; font-size: .85rem; font-weight: 800; }
.eiqa-supervisor .standard-eval-result.pending { color: #64748b; }
.eiqa-supervisor .standard-level-action small { display: flex; align-items: center; justify-content: space-between; color: #64748b; font-size: .79rem; }

.eiqa-supervisor .standard-evaluator {
    margin: 22px 0;
    scroll-margin-top: 96px;
    overflow: hidden;
    border: 1px solid #c4b5fd;
    border-radius: 28px;
    background: #f8fafc;
    box-shadow: 0 20px 46px rgba(76,29,149,.12);
}
.eiqa-supervisor .standard-evaluator-head { padding: 24px 26px; display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #fff; background: linear-gradient(120deg, #4c1d95, #6d28d9 58%, #2563eb); }
.eiqa-supervisor .standard-evaluator-head h2 { margin: 5px 0; color: #fff; font-size: 1.65rem; line-height: 1.25; }
.eiqa-supervisor .standard-evaluator-head p { margin: 0; color: #ede9fe; font-size: 1rem; line-height: 1.55; }
.eiqa-supervisor .standard-evaluator-current { min-width: 190px; padding: 14px 16px; text-align: center; border: 1px solid rgba(255,255,255,.28); border-radius: 18px; background: rgba(255,255,255,.14); }
.eiqa-supervisor .standard-evaluator-current strong { display: block; font-size: 1.16rem; }
.eiqa-supervisor .standard-evaluator-current span { display: block; margin-top: 4px; color: #ede9fe; font-size: .82rem; line-height: 1.4; }
.eiqa-supervisor .standard-source-grid { padding: 22px; display: grid; grid-template-columns: minmax(280px,.85fr) minmax(0,1.55fr); gap: 16px; }
.eiqa-supervisor .standard-source-panel { padding: 18px; border: 1px solid #e2e8f0; border-radius: 20px; background: #fff; }
.eiqa-supervisor .standard-source-panel.expected { border-color: #bae6fd; background: linear-gradient(145deg,#f0f9ff,#fff); }
.eiqa-supervisor .standard-source-panel.detected { border-color: #ddd6fe; }
.eiqa-supervisor .standard-source-title { display: flex; align-items: flex-start; gap: 10px; color: #0f172a; font-size: 1.05rem; font-weight: 900; }
.eiqa-supervisor .standard-source-title > i { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 11px; color: #2563eb; background: #dbeafe; }
.eiqa-supervisor .standard-source-panel.detected .standard-source-title > i { color: #6d28d9; background: #ede9fe; }
.eiqa-supervisor .standard-source-title small { display: block; margin-top: 2px; color: #64748b; font-size: .82rem; font-weight: 600; }
.eiqa-supervisor .expected-standard-list { margin-top: 14px; display: grid; gap: 9px; }
.eiqa-supervisor .expected-standard-list > div { padding: 10px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid #dbeafe; border-radius: 13px; background: rgba(255,255,255,.8); }
.eiqa-supervisor .expected-standard-list b { width: 28px; height: 28px; flex: 0 0 28px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #2563eb; }
.eiqa-supervisor .expected-standard-list span { color: #64748b; font-size: .8rem; }
.eiqa-supervisor .expected-standard-list strong { display: block; margin-top: 2px; color: #0f172a; font-size: .93rem; line-height: 1.4; }
.eiqa-supervisor .detected-summary { margin: 14px 0 10px; display: flex; flex-wrap: wrap; gap: 7px; }
.eiqa-supervisor .detected-summary span { padding: 7px 10px; border-radius: 999px; color: #475569; background: #f1f5f9; font-size: .86rem; font-weight: 750; }
.eiqa-supervisor .detected-summary strong { color: #6d28d9; font-size: 1rem; }
.eiqa-supervisor .detected-summary .ready { color: #047857; background: #d1fae5; }
.eiqa-supervisor .detected-summary .missing { color: #9a3412; background: #ffedd5; }
.eiqa-supervisor .detected-target-list { max-height: 170px; overflow: auto; display: grid; gap: 6px; }
.eiqa-supervisor .detected-target-list span { padding: 8px 10px; display: flex; align-items: flex-start; gap: 7px; border-radius: 10px; color: #334155; background: #f8fafc; font-size: .88rem; line-height: 1.5; }
.eiqa-supervisor .detected-target-list i { margin-top: 4px; color: #f59e0b; }
.eiqa-supervisor .standard-source-empty { padding: 12px; border: 1px dashed #f59e0b; border-radius: 12px; color: #92400e; background: #fffbeb; font-size: .9rem; line-height: 1.55; }
.eiqa-supervisor .standard-source-actions { margin-top: 12px; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 9px; }
.eiqa-supervisor .standard-source-actions details { flex: 1 1 280px; }
.eiqa-supervisor .standard-source-actions summary,
.eiqa-supervisor .standard-source-actions > a,
.eiqa-supervisor .source-link-missing { min-height: 40px; padding: 9px 12px; display: inline-flex; align-items: center; gap: 7px; border-radius: 11px; font-size: .9rem; font-weight: 800; box-sizing: border-box; }
.eiqa-supervisor .standard-source-actions summary { color: #334155; background: #f1f5f9; cursor: pointer; }
.eiqa-supervisor .standard-source-actions > a { color: #fff; background: #16a34a; text-decoration: none; }
.eiqa-supervisor .source-link-missing { color: #9a3412; background: #ffedd5; }
.eiqa-supervisor .standard-full-source { max-height: 240px; margin-top: 8px; padding: 12px; overflow: auto; border: 1px solid #e2e8f0; border-radius: 12px; color: #334155; background: #fff; font-size: .9rem; line-height: 1.65; }
.eiqa-supervisor .standard-drive-note { margin: 11px 0 0; color: #64748b; font-size: .82rem; line-height: 1.5; }
.eiqa-supervisor .official-framework-panel { margin-top: 16px; padding: 16px; border: 1px solid #bae6fd; border-radius: 17px; background: linear-gradient(145deg,#f0f9ff,#fff 70%); }
.eiqa-supervisor .official-framework-heading { display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 11px; }
.eiqa-supervisor .official-framework-heading > span { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#0284c7,#2563eb); box-shadow: 0 8px 16px rgba(2,132,199,.18); }
.eiqa-supervisor .official-framework-heading strong { display: block; color: #0c4a6e; font-size: 1.04rem; }
.eiqa-supervisor .official-framework-heading small { display: block; margin-top: 3px; color: #64748b; font-size: .82rem; line-height: 1.45; }
.eiqa-supervisor .official-framework-heading > em { padding: 8px 11px; border-radius: 11px; color: #075985; background: #e0f2fe; font-size: .82rem; font-style: normal; font-weight: 850; white-space: nowrap; }
.eiqa-supervisor .official-framework-heading > em b { font-size: 1.05rem; }
.eiqa-supervisor .official-framework-grid { margin-top: 13px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.eiqa-supervisor .official-framework-card { overflow: hidden; border: 1px solid #fed7aa; border-radius: 14px; background: #fff; }
.eiqa-supervisor .official-framework-card.complete { border-color: #99f6e4; }
.eiqa-supervisor .official-framework-card.not-found { border-color: #fecaca; }
.eiqa-supervisor .official-framework-card > header { padding: 10px 11px; display: grid; grid-template-columns: 30px minmax(0,1fr) auto; align-items: center; gap: 8px; color: #9a3412; background: #fff7ed; }
.eiqa-supervisor .official-framework-card.complete > header { color: #0f766e; background: #f0fdfa; }
.eiqa-supervisor .official-framework-card.not-found > header { color: #b91c1c; background: #fef2f2; }
.eiqa-supervisor .official-framework-card > header > b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #c2410c; }
.eiqa-supervisor .official-framework-card.complete > header > b { background: #0f766e; }
.eiqa-supervisor .official-framework-card.not-found > header > b { background: #b91c1c; }
.eiqa-supervisor .official-framework-card > header span { min-width: 0; }
.eiqa-supervisor .official-framework-card > header strong { overflow: hidden; display: block; color: #334155; font-size: .86rem; line-height: 1.35; text-overflow: ellipsis; }
.eiqa-supervisor .official-framework-card > header small { display: block; margin-top: 2px; color: #64748b; font-size: .72rem; }
.eiqa-supervisor .official-framework-card > header em { padding: 4px 7px; border-radius: 999px; color: inherit; background: rgba(255,255,255,.82); font-size: .7rem; font-style: normal; font-weight: 900; white-space: nowrap; }
.eiqa-supervisor .official-framework-missing,
.eiqa-supervisor .official-framework-additional,
.eiqa-supervisor .official-framework-advice { padding: 10px 11px 0; color: #475569; font-size: .8rem; line-height: 1.5; }
.eiqa-supervisor .official-framework-card > div:last-child { padding-bottom: 11px; }
.eiqa-supervisor .official-framework-missing strong { color: #c2410c; }
.eiqa-supervisor .official-framework-additional strong { color: #047857; }
.eiqa-supervisor .official-framework-advice strong { color: #1d4ed8; }
.eiqa-supervisor .official-framework-missing ul { margin: 5px 0 0; padding-left: 18px; }
.eiqa-supervisor .official-framework-additional p,
.eiqa-supervisor .official-framework-advice p { margin: 4px 0 0; }
.eiqa-supervisor .official-framework-note { margin: 11px 0 0; padding: 8px 10px; border-radius: 10px; color: #475569; background: rgba(255,255,255,.84); font-size: .79rem; line-height: 1.5; }
.eiqa-supervisor .official-framework-note i { margin-right: 5px; color: #0284c7; }
.eiqa-supervisor .percentage-audit-panel { margin-top: 16px; padding: 16px; border: 1px solid #c7d2fe; border-radius: 17px; background: linear-gradient(145deg,#eef2ff,#fff 68%); }
.eiqa-supervisor .percentage-audit-heading { display: flex; align-items: flex-start; gap: 11px; }
.eiqa-supervisor .percentage-audit-icon { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#4f46e5,#7c3aed); box-shadow: 0 8px 16px rgba(79,70,229,.2); }
.eiqa-supervisor .percentage-audit-heading strong { display: block; color: #312e81; font-size: 1.04rem; }
.eiqa-supervisor .percentage-audit-heading span { display: block; margin-top: 3px; color: #64748b; font-size: .86rem; line-height: 1.5; }
.eiqa-supervisor .percentage-audit-grid { margin-top: 13px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.eiqa-supervisor .percentage-audit-card { overflow: hidden; border: 1px solid #fed7aa; border-radius: 15px; background: #fff; }
.eiqa-supervisor .percentage-audit-card.complete { border-color: #99f6e4; }
.eiqa-supervisor .percentage-audit-card.not-found { border-color: #fecaca; }
.eiqa-supervisor .percentage-audit-card-head { padding: 11px 12px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #9a3412; background: #fff7ed; }
.eiqa-supervisor .percentage-audit-card.complete .percentage-audit-card-head { color: #0f766e; background: #f0fdfa; }
.eiqa-supervisor .percentage-audit-card.not-found .percentage-audit-card-head { color: #b91c1c; background: #fef2f2; }
.eiqa-supervisor .percentage-audit-card-head > div { min-width: 0; display: flex; align-items: center; gap: 8px; }
.eiqa-supervisor .percentage-audit-card-head b { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #c2410c; font-size: .9rem; }
.eiqa-supervisor .percentage-audit-card.complete .percentage-audit-card-head b { background: #0f766e; }
.eiqa-supervisor .percentage-audit-card.not-found .percentage-audit-card-head b { background: #b91c1c; }
.eiqa-supervisor .percentage-audit-card-head span { overflow: hidden; color: #334155; font-size: .9rem; font-weight: 850; line-height: 1.35; text-overflow: ellipsis; }
.eiqa-supervisor .percentage-audit-card-head em { flex: 0 0 auto; padding: 5px 8px; display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; color: inherit; background: rgba(255,255,255,.78); font-size: .76rem; font-style: normal; font-weight: 900; }
.eiqa-supervisor .percentage-audit-found,
.eiqa-supervisor .percentage-audit-missing,
.eiqa-supervisor .percentage-audit-advice { padding: 11px 12px 0; color: #475569; font-size: .84rem; line-height: 1.55; }
.eiqa-supervisor .percentage-audit-units { margin: 10px 12px 0; padding: 6px 9px; border-radius: 9px; color: #475569; background: #f1f5f9; font-size: .8rem; line-height: 1.45; }
.eiqa-supervisor .percentage-audit-units strong { color: #334155; }
.eiqa-supervisor .percentage-audit-card > div:last-child { padding-bottom: 12px; }
.eiqa-supervisor .percentage-audit-found strong { color: #047857; }
.eiqa-supervisor .percentage-audit-missing strong { color: #c2410c; }
.eiqa-supervisor .percentage-audit-advice strong { color: #4338ca; }
.eiqa-supervisor .percentage-audit-found ul,
.eiqa-supervisor .percentage-audit-missing ul { margin: 5px 0 0; padding-left: 19px; }
.eiqa-supervisor .percentage-audit-advice p { margin: 5px 0 0; }
.eiqa-supervisor .percentage-audit-note { margin: 12px 0 0; padding: 9px 11px; border-radius: 11px; color: #475569; background: rgba(255,255,255,.82); font-size: .8rem; line-height: 1.5; }
.eiqa-supervisor .percentage-audit-note i { margin-right: 5px; color: #4f46e5; }
.eiqa-supervisor .percentage-audit-upgrade-note { margin-top: 14px; padding: 11px 13px; display: flex; align-items: flex-start; gap: 9px; border: 1px solid #fcd34d; border-radius: 12px; color: #92400e; background: #fffbeb; font-size: .87rem; line-height: 1.55; }
.eiqa-supervisor .percentage-audit-upgrade-note i { margin-top: 4px; color: #d97706; }
.eiqa-supervisor .percentage-audit-upgrade-note strong { color: #78350f; }
.eiqa-supervisor .standard-evaluation-form { margin: 0 22px 22px; padding: 21px; border: 1px solid #e2e8f0; border-radius: 22px; background: #fff; }
.eiqa-supervisor .standard-score-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.eiqa-supervisor .standard-score-head h3 { margin: 0; color: #0f172a; font-size: 1.25rem; }
.eiqa-supervisor .standard-score-head p { margin: 4px 0 0; color: #64748b; font-size: .9rem; }
.eiqa-supervisor .standard-score-preview { min-width: 112px; padding: 10px 14px; text-align: center; border: 1px solid #c4b5fd; border-radius: 14px; color: #5b21b6; background: #f5f3ff; }
.eiqa-supervisor .standard-score-preview strong { display: block; font-size: 1.45rem; line-height: 1; }
.eiqa-supervisor .standard-score-preview span { display: block; margin-top: 5px; font-size: .78rem; font-weight: 800; }
.eiqa-supervisor .standard-score-scale { margin: 14px 0 10px; padding: 8px 12px; display: flex; justify-content: flex-end; gap: 7px; }
.eiqa-supervisor .standard-score-scale span { padding: 5px 8px; border-radius: 999px; color: #475569; background: #f1f5f9; font-size: .8rem; }
.eiqa-supervisor .standard-score-scale b { color: #6d28d9; }
.eiqa-supervisor .standard-score-disclaimer { margin: -4px 0 12px; padding: 8px 10px; border-radius: 10px; color: #475569; background: #eff6ff; font-size: .8rem; line-height: 1.5; }
.eiqa-supervisor .standard-score-disclaimer i { margin-right: 5px; color: #2563eb; }
.eiqa-supervisor .standard-criteria-list { display: grid; gap: 8px; }
.eiqa-supervisor .standard-criterion { padding: 12px 14px; display: grid; grid-template-columns: minmax(250px,1fr) 220px; align-items: center; gap: 15px; border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; }
.eiqa-supervisor .standard-criterion-text strong { display: block; color: #0f172a; font-size: 1rem; }
.eiqa-supervisor .standard-criterion-text span { display: block; margin-top: 3px; color: #64748b; font-size: .86rem; line-height: 1.45; }
.eiqa-supervisor .standard-score-options { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }
.eiqa-supervisor .standard-score-options label { cursor: pointer; }
.eiqa-supervisor .standard-score-options input { position: absolute; opacity: 0; pointer-events: none; }
.eiqa-supervisor .standard-score-options span { height: 42px; display: grid; place-items: center; border: 2px solid #e2e8f0; border-radius: 12px; color: #64748b; background: #fff; font-size: 1rem; font-weight: 900; transition: .16s ease; }
.eiqa-supervisor .standard-score-options input:focus-visible + span { outline: 3px solid #bfdbfe; outline-offset: 2px; }
.eiqa-supervisor .standard-score-options input:checked + span { border-color: #7c3aed; color: #fff; background: linear-gradient(135deg,#7c3aed,#2563eb); box-shadow: 0 7px 14px rgba(109,40,217,.22); transform: translateY(-1px); }
.eiqa-supervisor .standard-assessment-actions { margin: 16px 0 12px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.eiqa-supervisor .btn-generate-assessment { min-height: 43px; padding: 10px 15px; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#7c3aed,#2563eb); font-family: inherit; font-size: .94rem; font-weight: 900; cursor: pointer; box-shadow: 0 9px 18px rgba(109,40,217,.19); }
.eiqa-supervisor .standard-assessment-actions > span { color: #64748b; font-size: .84rem; }
.eiqa-supervisor .standard-writing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.eiqa-supervisor .standard-writing-card { padding: 12px; border: 1px solid #e2e8f0; border-radius: 15px; background: #f8fafc; }
.eiqa-supervisor .standard-writing-card > span { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; color: #0f172a; font-size: .96rem; font-weight: 900; }
.eiqa-supervisor .standard-writing-card.strengths { border-color: #a7f3d0; background: #f0fdf4; }
.eiqa-supervisor .standard-writing-card.strengths > span { color: #047857; }
.eiqa-supervisor .standard-writing-card.improvements { border-color: #fed7aa; background: #fff7ed; }
.eiqa-supervisor .standard-writing-card.improvements > span { color: #c2410c; }
.eiqa-supervisor .standard-writing-card.recommendations { border-color: #bfdbfe; background: #eff6ff; }
.eiqa-supervisor .standard-writing-card.recommendations > span { color: #1d4ed8; }
.eiqa-supervisor .standard-writing-card textarea { width: 100%; min-height: 145px; resize: vertical; padding: 11px; border: 1px solid #cbd5e1; border-radius: 11px; color: #1e293b; background: #fff; font-family: inherit; font-size: .92rem; line-height: 1.55; box-sizing: border-box; }
.eiqa-supervisor .standard-save-row { margin-top: 14px; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.eiqa-supervisor .share-school-check { padding: 9px 11px; display: flex; align-items: flex-start; gap: 9px; border-radius: 12px; color: #334155; background: #f1f5f9; font-size: .9rem; font-weight: 750; cursor: pointer; }
.eiqa-supervisor .share-school-check input { margin-top: 3px; accent-color: #7c3aed; }
.eiqa-supervisor .btn-save-standard { min-height: 46px; padding: 11px 18px; border: 0; border-radius: 13px; color: #fff; background: linear-gradient(135deg,#059669,#16a34a); font-family: inherit; font-size: .98rem; font-weight: 900; cursor: pointer; box-shadow: 0 10px 20px rgba(5,150,105,.2); }

@media (max-width: 1080px) {
    .eiqa-supervisor .standard-tool-row { grid-template-columns: 42px 1fr; }
    .eiqa-supervisor .standard-level-actions { grid-column: 2; }
    .eiqa-supervisor .standard-source-grid { grid-template-columns: 1fr; }
    .eiqa-supervisor .standard-writing-grid { grid-template-columns: 1fr; }
    .eiqa-supervisor .official-framework-grid { grid-template-columns: 1fr; }
    .eiqa-supervisor .standard-writing-card textarea { min-height: 110px; }
}

@media (max-width: 720px) {
    .eiqa-supervisor .standard-tool-intro { padding: 19px 16px; flex-direction: column; }
    .eiqa-supervisor .standard-tool-intro h2,
    .eiqa-supervisor .standard-evaluator-head h2 { font-size: 1.35rem; }
    .eiqa-supervisor .standard-tool-row { grid-template-columns: 34px minmax(0,1fr); padding: 12px; }
    .eiqa-supervisor .standard-school-number { width: 32px; height: 32px; border-radius: 10px; }
    .eiqa-supervisor .standard-level-actions { grid-template-columns: 1fr; }
    .eiqa-supervisor .standard-evaluator { border-radius: 20px; }
    .eiqa-supervisor .standard-evaluator-head { padding: 20px 16px; align-items: stretch; flex-direction: column; }
    .eiqa-supervisor .standard-evaluator-current { min-width: 0; }
    .eiqa-supervisor .standard-source-grid { padding: 14px; }
    .eiqa-supervisor .standard-evaluation-form { margin: 0 14px 14px; padding: 15px; }
    .eiqa-supervisor .standard-score-head { align-items: stretch; flex-direction: column; }
    .eiqa-supervisor .percentage-audit-grid { grid-template-columns: 1fr; }
    .eiqa-supervisor .percentage-audit-card-head { align-items: flex-start; flex-direction: column; }
    .eiqa-supervisor .official-framework-heading { grid-template-columns: 40px minmax(0,1fr); }
    .eiqa-supervisor .official-framework-heading > em { grid-column: 1 / -1; text-align: center; }
    .eiqa-supervisor .official-framework-grid { grid-template-columns: 1fr; }
    .eiqa-supervisor .standard-score-scale { justify-content: flex-start; flex-wrap: wrap; padding-inline: 0; }
    .eiqa-supervisor .standard-criterion { grid-template-columns: 1fr; }
    .eiqa-supervisor .standard-save-row { align-items: stretch; flex-direction: column; }
    .eiqa-supervisor .btn-save-standard { width: 100%; }
}

/* Supervisor dashboard relationship and school-directory improvements */
.eiqa-supervisor .school-directory-table { min-width: 940px; }
.eiqa-supervisor .school-directory-table th:first-child { width: 54px; text-align: center; }
.eiqa-supervisor .school-directory-table th:nth-child(2) { width: 31%; }
.eiqa-supervisor .school-directory-table th:nth-child(3),
.eiqa-supervisor .school-directory-table th:nth-child(4) { width: 31%; }
.eiqa-supervisor .directory-index {
    width: 36px;
    height: 36px;
    margin: auto;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #1d4ed8;
    background: #dbeafe;
    font-weight: 900;
}
.eiqa-supervisor .directory-school-name { display: flex; align-items: flex-start; gap: 8px; color: #0f172a; font-size: 1rem; font-weight: 900; line-height: 1.45; }
.eiqa-supervisor .directory-school-name i { margin-top: 4px; color: #0284c7; }
.eiqa-supervisor .directory-school-cluster { margin-top: 5px; display: block; color: #64748b; font-size: .88rem; line-height: 1.45; }
.eiqa-supervisor .directory-school-state { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 5px; }
.eiqa-supervisor .directory-school-state b { padding: 4px 7px; border-radius: 999px; font-size: .78rem; font-weight: 850; }
.eiqa-supervisor .directory-school-state .waiting { color: #1d4ed8; background: #dbeafe; }
.eiqa-supervisor .directory-school-state .revision { color: #c2410c; background: #ffedd5; }
.eiqa-supervisor .directory-school-state .reply { color: #6d28d9; background: #ede9fe; }
.eiqa-supervisor .directory-school-state .normal { color: #475569; background: #f1f5f9; }
.eiqa-supervisor .directory-level-card {
    min-width: 0;
    padding: 12px 13px;
    display: grid;
    gap: 8px;
    border: 1px solid #bfdbfe;
    border-radius: 15px;
    color: #334155;
    background: linear-gradient(145deg,#fff,#eff6ff);
    text-decoration: none;
    box-shadow: 0 7px 15px rgba(37,99,235,.08);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.eiqa-supervisor .directory-level-card.early { border-color: #fed7aa; background: linear-gradient(145deg,#fff,#fff7ed); box-shadow: 0 7px 15px rgba(217,119,6,.08); }
.eiqa-supervisor .directory-level-card:hover { border-color: #2563eb; box-shadow: 0 12px 22px rgba(37,99,235,.16); transform: translateY(-2px); }
.eiqa-supervisor .directory-level-card.early:hover { border-color: #d97706; box-shadow: 0 12px 22px rgba(217,119,6,.16); }
.eiqa-supervisor .directory-level-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.eiqa-supervisor .directory-level-card-head b { display: inline-flex; align-items: center; gap: 7px; color: #1d4ed8; font-size: .95rem; }
.eiqa-supervisor .directory-level-card.early .directory-level-card-head b { color: #b45309; }
.eiqa-supervisor .directory-level-card-head strong { color: #0f172a; font-family: 'Outfit','Sarabun',sans-serif; font-size: 1.12rem; }
.eiqa-supervisor .directory-level-card-meta { display: flex; flex-wrap: wrap; gap: 5px; }
.eiqa-supervisor .directory-level-card-meta span { padding: 3px 6px; border-radius: 999px; color: #475569; background: rgba(255,255,255,.86); font-size: .76rem; font-weight: 750; }
.eiqa-supervisor .directory-level-card-next { padding-top: 7px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px dashed #bfdbfe; color: #1d4ed8; font-size: .84rem; font-weight: 850; line-height: 1.35; }
.eiqa-supervisor .directory-level-card.early .directory-level-card-next { border-color: #fed7aa; color: #b45309; }

@media (max-width: 900px) {
    .eiqa-supervisor .school-directory-wrap { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .eiqa-supervisor .school-directory-table,
    .eiqa-supervisor .school-directory-table tbody,
    .eiqa-supervisor .school-directory-table tr,
    .eiqa-supervisor .school-directory-table td { width: 100%; min-width: 0; display: block; box-sizing: border-box; }
    .eiqa-supervisor .school-directory-table thead { display: none; }
    .eiqa-supervisor .school-directory-table tbody { display: grid; gap: 13px; }
    .eiqa-supervisor .school-directory-table tbody tr { position: relative; padding: 15px; border: 1px solid #dbeafe; border-radius: 20px; background: #fff; box-shadow: 0 10px 24px rgba(15,23,42,.07); }
    .eiqa-supervisor .school-directory-table tbody tr:hover { background: #fff; }
    .eiqa-supervisor .school-directory-table td { padding: 6px 0; border: 0; }
    .eiqa-supervisor .school-directory-table td:first-child { position: absolute; top: 14px; right: 14px; width: 36px; }
    .eiqa-supervisor .school-directory-table td:nth-child(2) { padding-right: 48px; }
    .eiqa-supervisor .directory-index { width: 32px; height: 32px; }
    .eiqa-supervisor .directory-level-card { margin-top: 2px; }
}

/* School step 1: guided standards and target-value form */
.eiqa-school .standard-plan-guide {
    margin-bottom: 18px;
    padding: 18px;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    border: 1px solid #c4b5fd;
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(125deg,#5b21b6,#7c3aed 55%,#2563eb);
    box-shadow: 0 13px 26px rgba(91,33,182,.18);
}
.eiqa-school .standard-plan-guide-icon { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 14px; background: rgba(255,255,255,.14); font-size: 1.15rem; }
.eiqa-school .standard-plan-guide strong { display: block; font-size: 1.08rem; line-height: 1.4; }
.eiqa-school .standard-plan-guide p { margin: 4px 0 0; color: #ede9fe; font-size: .9rem; line-height: 1.6; }
.eiqa-school .standard-plan-completion { margin: -5px 0 15px; padding: 10px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; border: 1px solid #e2e8f0; border-radius: 14px; background: #fff; }
.eiqa-school .standard-plan-completion span { padding: 7px 8px; display: flex; align-items: center; gap: 6px; border-radius: 9px; color: #64748b; background: #f8fafc; font-size: .81rem; font-weight: 800; }
.eiqa-school .standard-plan-completion span i { color: #cbd5e1; }
.eiqa-school .standard-plan-completion span.ready { color: #047857; background: #ecfdf5; }
.eiqa-school .standard-plan-completion span.ready i { color: #10b981; }
.eiqa-school .legacy-step1-note { margin-bottom: 14px; border: 1px solid #fde68a; border-radius: 14px; background: #fffbeb; }
.eiqa-school .legacy-step1-note summary { padding: 11px 13px; color: #92400e; font-size: .9rem; font-weight: 850; cursor: pointer; }
.eiqa-school .legacy-step1-note > div { padding: 12px 14px; border-top: 1px solid #fde68a; color: #475569; background: #fff; font-size: .88rem; line-height: 1.6; }
.eiqa-school .legacy-copy-button { margin-top: 10px; padding: 8px 11px; display: flex; align-items: center; gap: 6px; border: 1px solid #f59e0b; border-radius: 10px; color: #92400e; background: #fffbeb; font-family: inherit; font-size: .82rem; font-weight: 850; cursor: pointer; }
.eiqa-school .standard-plan-section { margin-top: 16px; padding: 17px; border: 1px solid #e2e8f0; border-radius: 19px; background: #f8fafc; }
.eiqa-school .standard-plan-section.context-section { border-color: #bfdbfe; background: linear-gradient(145deg,#f8fbff,#eff6ff); }
.eiqa-school .standard-plan-section.target-section { border-color: #ddd6fe; background: linear-gradient(145deg,#fcfbff,#f5f3ff); }
.eiqa-school .standard-plan-section.governance-section { border-color: #a7f3d0; background: linear-gradient(145deg,#fbfffd,#f0fdf4); }
.eiqa-school .standard-plan-section-head { margin-bottom: 14px; display: flex; align-items: flex-start; gap: 11px; }
.eiqa-school .standard-plan-section-head > span { width: 34px; height: 34px; flex: 0 0 34px; display: grid; place-items: center; border-radius: 11px; color: #fff; background: #2563eb; font-family: 'Outfit','Sarabun',sans-serif; font-weight: 900; }
.eiqa-school .target-section .standard-plan-section-head > span { background: #7c3aed; }
.eiqa-school .governance-section .standard-plan-section-head > span { background: #059669; }
.eiqa-school .standard-plan-section-head h4 { margin: 0; color: #0f172a; font-size: 1.08rem; line-height: 1.35; }
.eiqa-school .standard-plan-section-head p { margin: 3px 0 0; color: #64748b; font-size: .86rem; line-height: 1.5; }
.eiqa-school .standard-field-label { margin: 13px 0 6px; display: block; color: #334155; font-size: .9rem; font-weight: 850; }
.eiqa-school .standard-field-label em,
.eiqa-school .target-field em { color: #dc2626; font-size: .74rem; font-style: normal; font-weight: 800; }
.eiqa-school .standard-short-text { min-height: 88px; }
.eiqa-school .standard-source-checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.eiqa-school .standard-source-checks label { position: relative; cursor: pointer; }
.eiqa-school .standard-source-checks input { position: absolute; opacity: 0; pointer-events: none; }
.eiqa-school .standard-source-checks span { min-height: 48px; padding: 9px 11px; display: flex; align-items: center; border: 1px solid #cbd5e1; border-radius: 12px; color: #475569; background: #fff; font-size: .84rem; font-weight: 750; line-height: 1.4; box-sizing: border-box; transition: .16s ease; }
.eiqa-school .standard-source-checks span::before { width: 18px; height: 18px; margin-right: 8px; flex: 0 0 18px; display: grid; place-items: center; border: 2px solid #cbd5e1; border-radius: 6px; color: #fff; content: ''; }
.eiqa-school .standard-source-checks input:checked + span { border-color: #2563eb; color: #1d4ed8; background: #eff6ff; }
.eiqa-school .standard-source-checks input:checked + span::before { border-color: #2563eb; background: #2563eb; content: '✓'; font-size: .72rem; }
.eiqa-school .standard-target-list { display: grid; gap: 12px; }
.eiqa-school .standard-target-card { overflow: hidden; border: 1px solid #ddd6fe; border-radius: 17px; background: #fff; box-shadow: 0 8px 18px rgba(76,29,149,.06); }
.eiqa-school .standard-target-head { padding: 12px 14px; display: flex; align-items: flex-start; gap: 10px; border-bottom: 1px solid #ede9fe; background: #fafaff; }
.eiqa-school .standard-target-head > b { width: 32px; height: 32px; flex: 0 0 32px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: #7c3aed; }
.eiqa-school .standard-target-head span { display: block; color: #7c3aed; font-size: .76rem; font-weight: 850; }
.eiqa-school .standard-target-head strong { display: block; margin-top: 1px; color: #0f172a; font-size: .95rem; line-height: 1.4; }
.eiqa-school .standard-target-grid { padding: 13px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.eiqa-school .target-field { min-width: 0; display: grid; align-content: start; gap: 5px; }
.eiqa-school .target-field.wide { grid-column: 1 / -1; }
.eiqa-school .target-field > span { color: #475569; font-size: .82rem; font-weight: 800; line-height: 1.35; }
.eiqa-school .target-field small { color: #64748b; font-size: .73rem; font-weight: 650; }
.eiqa-school .target-field input,
.eiqa-school .target-field select,
.eiqa-school .target-field textarea { width: 100%; min-height: 43px; padding: 9px 10px; border: 1px solid #cbd5e1; border-radius: 10px; color: #1e293b; background: #fff; font-family: inherit; font-size: .88rem; line-height: 1.45; box-sizing: border-box; }
.eiqa-school .target-field textarea { min-height: 68px; resize: vertical; }
.eiqa-school .target-field input:focus,
.eiqa-school .target-field select:focus,
.eiqa-school .target-field textarea:focus { border-color: #7c3aed; outline: 3px solid rgba(124,58,237,.11); }
.eiqa-school .standard-two-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.eiqa-school .standard-two-columns .target-field:first-child { grid-column: 1 / -1; }

@media (max-width: 720px) {
    .eiqa-school .standard-plan-guide { padding: 15px; }
    .eiqa-school .standard-plan-section { padding: 13px; }
    .eiqa-school .standard-source-checks,
    .eiqa-school .standard-target-grid,
    .eiqa-school .standard-two-columns { grid-template-columns: 1fr; }
    .eiqa-school .standard-plan-completion { grid-template-columns: 1fr; }
    .eiqa-school .target-field.wide,
    .eiqa-school .standard-two-columns .target-field:first-child { grid-column: auto; }
}

/* Supervisor: structured school data for standard review */
.eiqa-supervisor .standard-plan-review { margin: 0 22px 18px; overflow: hidden; border: 1px solid #bae6fd; border-radius: 21px; background: #fff; box-shadow: 0 10px 24px rgba(2,132,199,.08); }
.eiqa-supervisor .standard-plan-review-head { padding: 17px 19px; display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #fff; background: linear-gradient(125deg,#0369a1,#0284c7); }
.eiqa-supervisor .standard-plan-review-head span { color: #bae6fd; font-size: .83rem; font-weight: 800; }
.eiqa-supervisor .standard-plan-review-head h3 { margin: 3px 0 0; color: #fff; font-size: 1.18rem; }
.eiqa-supervisor .standard-plan-readiness { min-width: 150px; padding: 9px 12px; text-align: center; border: 1px solid rgba(255,255,255,.28); border-radius: 13px; background: rgba(255,255,255,.12); }
.eiqa-supervisor .standard-plan-readiness strong { display: block; font-size: 1.22rem; }
.eiqa-supervisor .standard-plan-readiness span { display: block; margin-top: 2px; color: #e0f2fe; font-size: .73rem; }
.eiqa-supervisor .standard-plan-context-grid { padding: 15px; display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; }
.eiqa-supervisor .standard-plan-context-grid > div { padding: 11px; border: 1px solid #e2e8f0; border-radius: 13px; background: #f8fafc; }
.eiqa-supervisor .standard-plan-context-grid span { color: #0369a1; font-size: .82rem; font-weight: 900; }
.eiqa-supervisor .standard-plan-context-grid p { margin: 5px 0 0; color: #334155; font-size: .87rem; line-height: 1.55; }
.eiqa-supervisor .standard-plan-source-chips { padding: 0 15px 13px; display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.eiqa-supervisor .standard-plan-source-chips strong { margin-right: 3px; color: #334155; font-size: .84rem; }
.eiqa-supervisor .standard-plan-source-chips span { padding: 4px 7px; border-radius: 999px; color: #075985; background: #e0f2fe; font-size: .76rem; font-weight: 750; }
.eiqa-supervisor .standard-plan-target-table-wrap { padding: 0 15px 15px; overflow-x: auto; }
.eiqa-supervisor .standard-plan-target-table { width: 100%; min-width: 900px; border-collapse: collapse; }
.eiqa-supervisor .standard-plan-target-table th { padding: 9px 10px; color: #fff; background: #334155; font-size: .8rem; text-align: left; }
.eiqa-supervisor .standard-plan-target-table td { padding: 10px; border-bottom: 1px solid #e2e8f0; color: #334155; font-size: .82rem; line-height: 1.45; vertical-align: top; }
.eiqa-supervisor .standard-plan-target-table tbody tr:nth-child(even) { background: #f8fafc; }
.eiqa-supervisor .standard-plan-target-table td:first-child { min-width: 145px; }
.eiqa-supervisor .standard-plan-target-table td:first-child b { width: 26px; height: 26px; margin-bottom: 5px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: #0284c7; }
.eiqa-supervisor .standard-plan-target-table td:first-child span,
.eiqa-supervisor .standard-plan-target-table td:nth-child(5) span,
.eiqa-supervisor .standard-plan-target-table td:nth-child(5) small { display: block; }
.eiqa-supervisor .standard-plan-target-table td:nth-child(4) strong { color: #047857; }
.eiqa-supervisor .standard-plan-target-table td:nth-child(5) small { margin-top: 4px; color: #64748b; font-size: .75rem; }
.eiqa-supervisor .standard-plan-governance { padding: 13px 15px; display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 8px; border-top: 1px solid #e2e8f0; background: #f8fafc; }
.eiqa-supervisor .standard-plan-governance span { padding: 8px 9px; display: grid; grid-template-columns: 20px 1fr; gap: 2px 6px; color: #475569; font-size: .81rem; }
.eiqa-supervisor .standard-plan-governance i { grid-row: 1 / span 2; margin-top: 2px; color: #0284c7; }
.eiqa-supervisor .standard-plan-governance b { color: #0f172a; }
.eiqa-supervisor .standard-plan-awaiting { margin: 0 22px 18px; padding: 13px 15px; display: flex; align-items: flex-start; gap: 9px; border: 1px dashed #f59e0b; border-radius: 15px; color: #92400e; background: #fffbeb; font-size: .87rem; line-height: 1.5; }
.eiqa-supervisor .standard-plan-awaiting strong { display: block; color: #78350f; }

@media (max-width: 900px) {
    .eiqa-supervisor .standard-plan-context-grid { grid-template-columns: 1fr; }
    .eiqa-supervisor .standard-plan-governance { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .eiqa-supervisor .standard-plan-review { margin: 0 14px 14px; }
    .eiqa-supervisor .standard-plan-review-head { align-items: stretch; flex-direction: column; }
    .eiqa-supervisor .standard-plan-readiness { min-width: 0; }
    .eiqa-supervisor .standard-plan-awaiting { margin: 0 14px 14px; }
}

/* e-SAR source workbench: evaluator-only input */
.eiqa-supervisor .standard-source-workbench { margin: 22px 22px 0; overflow: hidden; border: 1px solid #c7d2fe; border-radius: 22px; background: #fff; box-shadow: 0 12px 28px rgba(79,70,229,.09); }
.eiqa-supervisor .source-workbench-head { padding: 17px 19px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #e0e7ff; background: linear-gradient(135deg,#eef2ff,#f8fafc); }
.eiqa-supervisor .source-workbench-head > div:first-child > span { display: inline-flex; padding: 4px 8px; border-radius: 999px; color: #4338ca; background: #e0e7ff; font-size: .75rem; font-weight: 900; }
.eiqa-supervisor .source-workbench-head h3 { margin: 6px 0 2px; color: #1e1b4b; font-size: 1.2rem; }
.eiqa-supervisor .source-workbench-head p { margin: 0; color: #64748b; font-size: .88rem; line-height: 1.5; }
.eiqa-supervisor .source-readiness { min-width: 175px; padding: 10px 12px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #fed7aa; border-radius: 13px; color: #9a3412; background: #fff7ed; font-size: .86rem; }
.eiqa-supervisor .source-readiness.ready { border-color: #a7f3d0; color: #047857; background: #ecfdf5; }
.eiqa-supervisor .source-document-grid { padding: 16px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.eiqa-supervisor .source-document-card { padding: 15px; border: 1px solid #e2e8f0; border-radius: 17px; background: #f8fafc; }
.eiqa-supervisor .source-document-card.sar { border-color: #bae6fd; background: #f0f9ff; }
.eiqa-supervisor .source-document-card.target { border-color: #ddd6fe; background: #faf5ff; }
.eiqa-supervisor .source-document-title { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; color: #0f172a; font-size: 1rem; font-weight: 900; }
.eiqa-supervisor .source-document-title > i { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 11px; color: #0369a1; background: #e0f2fe; }
.eiqa-supervisor .source-document-card.target .source-document-title > i { color: #6d28d9; background: #ede9fe; }
.eiqa-supervisor .source-document-title small { display: block; margin-top: 2px; color: #64748b; font-size: .78rem; font-weight: 600; line-height: 1.4; }
.eiqa-supervisor .source-year-link { display: grid; grid-template-columns: 112px 1fr; gap: 9px; }
.eiqa-supervisor .source-year-link label,
.eiqa-supervisor .source-link-field,
.eiqa-supervisor .source-finding-field { display: grid; gap: 5px; }
.eiqa-supervisor .source-year-link label > span,
.eiqa-supervisor .source-link-field > span,
.eiqa-supervisor .source-finding-field > span { color: #334155; font-size: .82rem; font-weight: 850; }
.eiqa-supervisor .source-finding-field { margin-top: 9px; }
.eiqa-supervisor .source-finding-field small { color: #64748b; font-weight: 600; }
.eiqa-supervisor .source-year-link input,
.eiqa-supervisor .source-link-field input,
.eiqa-supervisor .source-finding-field textarea { width: 100%; padding: 10px 11px; border: 1px solid #cbd5e1; border-radius: 10px; color: #0f172a; background: #fff; font: inherit; box-sizing: border-box; }
.eiqa-supervisor .source-finding-field textarea { min-height: 112px; resize: vertical; font-size: .88rem; line-height: 1.55; }
.eiqa-supervisor .source-year-link input:focus,
.eiqa-supervisor .source-link-field input:focus,
.eiqa-supervisor .source-finding-field textarea:focus { border-color: #6366f1; outline: 3px solid rgba(99,102,241,.12); }
.eiqa-supervisor .source-open-row { min-height: 38px; margin-top: 10px; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; }
.eiqa-supervisor .source-open-row a { padding: 8px 10px; display: inline-flex; align-items: center; gap: 6px; border-radius: 10px; color: #fff; background: #0284c7; text-decoration: none; font-size: .82rem; font-weight: 850; }
.eiqa-supervisor .source-open-row a.esar-system-link { color: #3730a3; background: #e0e7ff; }
.eiqa-supervisor .source-link-check { margin-top: 9px; padding: 9px 10px; display: flex; align-items: flex-start; gap: 8px; border: 1px solid #fed7aa; border-radius: 11px; color: #9a3412; background: #fff7ed; font-size: .78rem; line-height: 1.45; }
.eiqa-supervisor .source-link-check.valid { border-color: #a7f3d0; color: #047857; background: #ecfdf5; }
.eiqa-supervisor .source-link-check > i { margin-top: 3px; }
.eiqa-supervisor .source-link-check strong { display: block; color: inherit; font-size: .83rem; }
.eiqa-supervisor .source-save-row { padding: 13px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid #e2e8f0; background: #fff; }
.eiqa-supervisor .source-save-row > span { color: #64748b; font-size: .82rem; line-height: 1.45; }
.eiqa-supervisor .source-save-row > span.unsaved { color: #b45309; font-weight: 850; }
.eiqa-supervisor .source-save-row button { min-height: 44px; padding: 10px 15px; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#4f46e5,#7c3aed); font: inherit; font-size: .9rem; font-weight: 900; cursor: pointer; box-shadow: 0 9px 18px rgba(79,70,229,.2); }
.eiqa-supervisor .source-link-field small { color: #64748b; font-size: .73rem; font-weight: 650; }
.eiqa-supervisor .source-link-field input[readonly] { color: #334155; background: #f1f5f9; cursor: default; }
.eiqa-supervisor .standard-analysis-trigger { margin: 15px 0 5px; padding: 13px; display: flex; align-items: center; gap: 12px; border: 1px solid #c4b5fd; border-radius: 14px; background: linear-gradient(135deg,#faf5ff,#eff6ff); }
.eiqa-supervisor .standard-analysis-trigger button { min-height: 45px; padding: 10px 15px; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg,#6d28d9,#2563eb); font: inherit; font-size: .92rem; font-weight: 900; cursor: pointer; box-shadow: 0 9px 18px rgba(109,40,217,.2); }
.eiqa-supervisor .standard-analysis-trigger > span { color: #475569; font-size: .83rem; line-height: 1.5; }
.eiqa-supervisor .standard-analysis-trigger > span.ready { color: #047857; font-weight: 800; }

/* School step 1: the school submits one source; review status stays compact in the centre column. */
.eiqa-school .school-step1-submit-guide { margin-bottom: 14px; padding: 14px; display: flex; align-items: flex-start; gap: 11px; border: 1px solid #c7d2fe; border-radius: 15px; color: #3730a3; background: linear-gradient(135deg,#eef2ff,#fff); }
.eiqa-school .school-step1-submit-guide > div { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: #4f46e5; }
.eiqa-school .school-step1-submit-guide strong { display: block; margin-bottom: 2px; color: #312e81; font-size: .94rem; }
.eiqa-school .school-step1-submit-guide span { font-size: .84rem; line-height: 1.55; }

/* School step 2: concise plan-alignment review. */
.eiqa-school .plan-review-legacy { margin-bottom: 14px; border: 1px solid #cbd5e1; border-radius: 12px; background: #f8fafc; }
.eiqa-school .plan-review-legacy summary { padding: 10px 12px; color: #475569; cursor: pointer; font-size: .82rem; font-weight: 850; }
.eiqa-school .plan-review-legacy > div { padding: 0 12px 12px; color: #64748b; font-size: .8rem; line-height: 1.55; }
.eiqa-school .plan-review-progress { margin: 0 0 14px; padding: 10px 12px; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; border: 1px solid #bfdbfe; border-radius: 13px; background: #eff6ff; }
.eiqa-school .plan-review-progress > span { padding: 6px 9px; border-radius: 999px; color: #1e3a8a; background: #fff; font-size: .76rem; font-weight: 800; }
.eiqa-school .plan-review-progress > span:first-child { color: #075985; background: #e0f2fe; }
.eiqa-school .plan-review-progress .is-full { color: #047857; background: #ecfdf5; }
.eiqa-school .plan-review-progress .is-partial { color: #b45309; background: #fffbeb; }
.eiqa-school .plan-review-progress .is-adjust { color: #b91c1c; background: #fef2f2; }
.eiqa-school .plan-review-list { display: grid; gap: 12px; }
.eiqa-school .plan-review-question { padding: 13px; border: 1px solid #dbe3ef; border-radius: 15px; background: #fff; box-shadow: 0 7px 16px rgba(15,23,42,.05); }
.eiqa-school .plan-review-question-head { display: flex; align-items: flex-start; gap: 10px; }
.eiqa-school .plan-review-question-head > span { width: 30px; height: 30px; flex: 0 0 30px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(135deg,#2563eb,#4f46e5); font-size: .83rem; font-weight: 900; }
.eiqa-school .plan-review-question-head h4 { margin: 2px 0 10px; color: #172554; font-size: .9rem; line-height: 1.5; }
.eiqa-school .plan-review-choices { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.eiqa-school .plan-review-choice { min-height: 49px; padding: 8px 9px; display: flex; align-items: flex-start; gap: 7px; border: 1px solid #dbe3ef; border-radius: 11px; color: #475569; background: #f8fafc; cursor: pointer; font-size: .75rem; font-weight: 750; line-height: 1.35; transition: .18s ease; }
.eiqa-school .plan-review-choice input { width: 16px; height: 16px; margin: 1px 0 0; flex: 0 0 16px; }
.eiqa-school .plan-review-choice.answer-full input { accent-color: #10b981; }
.eiqa-school .plan-review-choice.answer-partial input { accent-color: #f59e0b; }
.eiqa-school .plan-review-choice.answer-adjust input { accent-color: #ef4444; }
.eiqa-school .plan-review-choice.answer-full:has(input:checked) { border-color: #6ee7b7; color: #047857; background: #ecfdf5; }
.eiqa-school .plan-review-choice.answer-partial:has(input:checked) { border-color: #fcd34d; color: #92400e; background: #fffbeb; }
.eiqa-school .plan-review-choice.answer-adjust:has(input:checked) { border-color: #fca5a5; color: #991b1b; background: #fef2f2; }
.eiqa-school .plan-review-note { margin-top: 9px; padding: 9px 10px; border-left: 4px solid #f59e0b; border-radius: 9px; background: #fffbeb; }
.eiqa-school .plan-review-note[hidden] { display: none; }
.eiqa-school .plan-review-note label { display: block; margin-bottom: 5px; color: #92400e; font-size: .78rem; font-weight: 850; }
.eiqa-school .plan-review-note label small { color: #a16207; font-weight: 650; }
.eiqa-school .plan-review-note input { width: 100%; padding: 9px 10px; border: 1px solid #fcd34d; border-radius: 9px; color: #334155; background: #fff; font: inherit; font-size: .82rem; box-sizing: border-box; }
.eiqa-school .plan-review-summary-fields { margin-top: 14px; display: grid; gap: 7px; }
.eiqa-school .plan-review-summary-fields label { margin-top: 5px; color: #1e3a8a; font-size: .86rem; font-weight: 900; line-height: 1.45; }
.eiqa-school .plan-review-summary-fields label small { display: block; color: #64748b; font-size: .73rem; font-weight: 650; }
.eiqa-school .plan-review-summary-fields textarea { width: 100%; min-height: 76px; padding: 10px 11px; border: 1px solid #cbd5e1; border-radius: 11px; color: #334155; background: #fff; font: inherit; font-size: .84rem; line-height: 1.5; resize: vertical; box-sizing: border-box; }
.eiqa-school .plan-review-summary-fields textarea:focus,
.eiqa-school .plan-review-note input:focus { border-color: #3b82f6; outline: 3px solid rgba(59,130,246,.12); }
.eiqa-school .plan-review-help { margin-top: 12px; padding: 10px 11px; border: 1px solid #a7f3d0; border-radius: 11px; color: #047857; background: #ecfdf5; font-size: .79rem; font-weight: 800; line-height: 1.5; }

@media (max-width: 760px) {
  .eiqa-school .plan-review-choices { grid-template-columns: 1fr; }
  .eiqa-school .plan-review-choice { min-height: 0; }
  .eiqa-school .plan-review-progress > span { flex: 1 1 calc(50% - 7px); text-align: center; }
}

/* Supervisor step 2: read the school's guided plan review without duplicating the source text. */
.eiqa-supervisor .supervisor-plan-review { margin-bottom: 15px; overflow: hidden; border: 1px solid #bfdbfe; border-radius: 17px; background: #fff; box-shadow: 0 10px 22px rgba(30,64,175,.08); }
.eiqa-supervisor .supervisor-plan-review-head { padding: 14px 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #fff; background: linear-gradient(135deg,#2563eb,#4f46e5); }
.eiqa-supervisor .supervisor-plan-review-head span { display: block; color: #dbeafe; font-size: .72rem; font-weight: 800; }
.eiqa-supervisor .supervisor-plan-review-head h3 { margin: 2px 0 0; color: #fff; font-size: 1rem; line-height: 1.4; }
.eiqa-supervisor .supervisor-plan-review-head > strong { min-width: 74px; padding: 8px 10px; border-radius: 11px; color: #1e3a8a; background: #fff; text-align: center; font-size: .86rem; }
.eiqa-supervisor .supervisor-plan-totals { padding: 11px 13px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; background: #eff6ff; }
.eiqa-supervisor .supervisor-plan-totals span { padding: 8px 9px; border-radius: 10px; font-size: .76rem; font-weight: 850; text-align: center; }
.eiqa-supervisor .supervisor-plan-totals span b { display: block; font-size: 1.1rem; }
.eiqa-supervisor .supervisor-plan-totals .full { color: #047857; background: #ecfdf5; }
.eiqa-supervisor .supervisor-plan-totals .partial { color: #92400e; background: #fffbeb; }
.eiqa-supervisor .supervisor-plan-totals .adjust { color: #991b1b; background: #fef2f2; }
.eiqa-supervisor .supervisor-plan-overall { margin: 12px 13px 0; padding: 9px 10px; border: 1px solid #c7d2fe; border-radius: 10px; color: #3730a3; background: #eef2ff; font-size: .8rem; font-weight: 800; line-height: 1.45; }
.eiqa-supervisor .supervisor-plan-rows { padding: 12px 13px; display: grid; gap: 8px; }
.eiqa-supervisor .supervisor-plan-row { padding: 9px 10px; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: start; gap: 9px; border: 1px solid #e2e8f0; border-left-width: 4px; border-radius: 10px; background: #f8fafc; }
.eiqa-supervisor .supervisor-plan-row .number { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; color: #475569; background: #e2e8f0; font-size: .75rem; font-weight: 900; }
.eiqa-supervisor .supervisor-plan-row div > strong { display: block; color: #334155; font-size: .79rem; line-height: 1.45; }
.eiqa-supervisor .supervisor-plan-row div > small { display: block; margin-top: 4px; color: #64748b; font-size: .72rem; line-height: 1.4; }
.eiqa-supervisor .supervisor-plan-row .result { padding: 5px 7px; border-radius: 999px; color: #475569; background: #e2e8f0; font-size: .7rem; white-space: nowrap; }
.eiqa-supervisor .supervisor-plan-row.full { border-left-color: #10b981; background: #f0fdf4; }
.eiqa-supervisor .supervisor-plan-row.full .result { color: #047857; background: #d1fae5; }
.eiqa-supervisor .supervisor-plan-row.partial { border-left-color: #f59e0b; background: #fffbeb; }
.eiqa-supervisor .supervisor-plan-row.partial .result { color: #92400e; background: #fef3c7; }
.eiqa-supervisor .supervisor-plan-row.adjust { border-left-color: #ef4444; background: #fef2f2; }
.eiqa-supervisor .supervisor-plan-row.adjust .result { color: #991b1b; background: #fee2e2; }
.eiqa-supervisor .supervisor-plan-findings { padding: 0 13px 13px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.eiqa-supervisor .supervisor-plan-findings > div { padding: 10px 11px; border: 1px solid #e2e8f0; border-radius: 11px; background: #f8fafc; }
.eiqa-supervisor .supervisor-plan-findings span { color: #475569; font-size: .76rem; font-weight: 900; }
.eiqa-supervisor .supervisor-plan-findings p { margin: 4px 0 0; color: #334155; font-size: .78rem; line-height: 1.5; }
.eiqa-supervisor .supervisor-plan-findings .gap { border-color: #fed7aa; background: #fff7ed; }
.eiqa-supervisor .supervisor-plan-findings .action { border-color: #a7f3d0; background: #ecfdf5; }
.eiqa-supervisor .supervisor-plan-source-note { margin: 8px 0 14px; padding: 10px 11px; display: flex; align-items: flex-start; gap: 8px; border: 1px solid #bfdbfe; border-radius: 11px; color: #1e40af; background: #eff6ff; font-size: .79rem; line-height: 1.5; }
.eiqa-supervisor .supervisor-plan-source-note strong { display: block; color: #1e3a8a; }

@media (max-width: 760px) {
  .eiqa-supervisor .supervisor-plan-row { grid-template-columns: 28px minmax(0,1fr); }
  .eiqa-supervisor .supervisor-plan-row .result { grid-column: 2; justify-self: start; }
  .eiqa-supervisor .supervisor-plan-findings { grid-template-columns: 1fr; }
}
.eiqa-school .school-standard-result { margin: 0 14px 14px; padding: 13px; display: grid; grid-template-columns: 105px 1fr; gap: 13px; border: 1px solid #c4b5fd; border-radius: 16px; background: #faf5ff; }
.eiqa-school .school-result-score { padding: 12px 8px; display: grid; align-content: center; justify-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg,#6d28d9,#2563eb); text-align: center; }
.eiqa-school .school-result-score strong { font-size: 1.8rem; line-height: 1; }
.eiqa-school .school-result-score span { color: #ddd6fe; font-size: .75rem; }
.eiqa-school .school-result-score b { margin-top: 6px; font-size: .78rem; }
.eiqa-school .school-result-content h4 { margin: 0 0 9px; color: #4c1d95; font-size: .98rem; }
.eiqa-school .school-result-status { margin: 0 0 9px; padding: 7px 9px; border-radius: 9px; color: #047857; background: #ecfdf5; font-size: .78rem; font-weight: 850; }
.eiqa-school .school-result-criteria { margin-bottom: 9px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.eiqa-school .school-result-criteria > div { padding: 7px 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; }
.eiqa-school .school-result-criteria span { color: #475569; font-size: .73rem; line-height: 1.35; }
.eiqa-school .school-result-criteria strong { flex: 0 0 auto; color: #4f46e5; font-size: .79rem; }
.eiqa-school .school-result-grid { display: grid; gap: 7px; }
.eiqa-school .school-result-grid > div { padding: 8px 9px; border-left: 4px solid #94a3b8; border-radius: 8px; background: #fff; }
.eiqa-school .school-result-grid .strength { border-color: #10b981; }
.eiqa-school .school-result-grid .improve { border-color: #f59e0b; }
.eiqa-school .school-result-grid .recommend { border-color: #3b82f6; }
.eiqa-school .school-result-grid span { color: #475569; font-size: .77rem; font-weight: 900; }
.eiqa-school .school-result-grid p { margin: 2px 0 0; color: #334155; font-size: .82rem; line-height: 1.5; }
.eiqa-school .school-result-content > small { display: block; margin-top: 8px; color: #64748b; font-size: .74rem; }
.eiqa-school .school-standard-waiting { margin: 0 14px 14px; padding: 11px 12px; display: flex; align-items: flex-start; gap: 9px; border: 1px dashed #f59e0b; border-radius: 12px; color: #92400e; background: #fffbeb; font-size: .82rem; line-height: 1.5; }
.eiqa-school .school-standard-waiting strong { display: block; color: #78350f; }
.eiqa-school .school-no-entry-note { margin-top: 11px; padding: 10px 12px; display: flex; align-items: flex-start; gap: 8px; border: 1px solid #a7f3d0; border-radius: 12px; color: #047857; background: #ecfdf5; font-size: .84rem; font-weight: 800; line-height: 1.5; }

/* School step 1: keep the supervisor's confirmed result in the right-hand supervision area. */
.eiqa-school .school-supervision-side { margin: 0 0 22px; overflow: hidden; border: 1px solid #c4b5fd; border-radius: 18px; background: linear-gradient(180deg,#faf5ff,#fff); box-shadow: 0 12px 28px rgba(109,40,217,.11); }
.eiqa-school .school-supervision-side-head { padding: 14px 15px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #fff; background: linear-gradient(135deg,#6d28d9,#4f46e5); }
.eiqa-school .school-supervision-side-head span { display: block; color: #ddd6fe; font-size: .7rem; font-weight: 850; }
.eiqa-school .school-supervision-side-head h4 { margin: 2px 0 0; display: flex; align-items: center; gap: 7px; color: #fff; font-size: 1.05rem; }
.eiqa-school .school-supervision-side-head > b { max-width: 150px; padding: 6px 8px; border-radius: 9px; color: #065f46; background: #d1fae5; font-size: .7rem; line-height: 1.35; text-align: center; }
.eiqa-school .school-supervision-side-head > b.needs-action { color: #9a3412; background: #ffedd5; }
.eiqa-school .school-side-score { margin: 13px 13px 9px; padding: 11px 12px; display: flex; align-items: center; gap: 12px; border: 1px solid #ddd6fe; border-radius: 13px; background: #fff; }
.eiqa-school .school-side-score > strong { min-width: 72px; color: #5b21b6; font-size: 1.65rem; line-height: 1; }
.eiqa-school .school-side-score > strong small { margin-left: 2px; color: #7c3aed; font-size: .72rem; }
.eiqa-school .school-side-score > span { color: #64748b; font-size: .75rem; line-height: 1.4; }
.eiqa-school .school-side-score > span b { display: block; margin-top: 2px; color: #312e81; font-size: .9rem; }
.eiqa-school .school-side-criteria { margin: 0 13px 10px; grid-template-columns: 1fr; }
.eiqa-school .school-side-criteria > div { padding: 8px 9px; }
.eiqa-school .school-side-criteria span { font-size: .76rem; }
.eiqa-school .school-side-findings { margin: 0 13px; }
.eiqa-school .school-side-findings > div { padding: 9px 10px; }
.eiqa-school .school-side-findings span { color: #1e293b; }
.eiqa-school .school-side-findings p { max-height: 180px; overflow-y: auto; padding-right: 3px; font-size: .79rem; }
.eiqa-school .school-side-reviewer { margin: 11px 13px 13px; padding-top: 9px; border-top: 1px dashed #c4b5fd; color: #475569; font-size: .74rem; line-height: 1.45; }
.eiqa-school .school-side-reviewer i { margin-right: 4px; color: #6d28d9; }
.eiqa-school .school-side-reviewer span { color: #64748b; }
.eiqa-school .school-side-waiting { margin: 13px; }
.eiqa-school .school-discussion-heading { padding-top: 2px; }
.eiqa-school .step1-guide .guide-list { padding: 0; display: grid; gap: 8px; list-style: none; counter-reset: target-guide; }
.eiqa-school .step1-guide .guide-list li { position: relative; min-height: 26px; padding-left: 34px; color: #334155; font-size: .82rem; line-height: 1.45; counter-increment: target-guide; }
.eiqa-school .step1-guide .guide-list li::before { content: counter(target-guide); position: absolute; top: 0; left: 0; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(135deg,#2563eb,#4f46e5); font-size: .72rem; font-weight: 900; }
.eiqa-school .review-result-only { padding: 13px 15px; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; background: #f8fafc; }
.eiqa-school .review-result-only .review-panel-title { margin: 0; color: #334155; }
.eiqa-school .review-result-only .review-result-badge { margin-left: auto; }
.eiqa-school .review-result-only .review-actions { width: 100%; margin: 0; }
.eiqa-school .review-result-only .review-actions button { width: 100%; }
.eiqa-school .review-can-withdraw { display: grid; gap: 11px; border-color: #fbbf24; background: #fffbeb; }
.eiqa-school .review-can-withdraw > div { display: flex; align-items: flex-start; gap: 9px; }
.eiqa-school .review-can-withdraw > div > i { margin-top: 3px; color: #b45309; }
.eiqa-school .review-can-withdraw span { display: grid; gap: 2px; }
.eiqa-school .review-can-withdraw strong { color: #92400e; }
.eiqa-school .review-can-withdraw button { width: 100%; min-height: 42px; border: 1px solid #f59e0b; border-radius: 11px; color: #fff; background: linear-gradient(135deg,#d97706,#f59e0b); font: inherit; font-size: .8rem; font-weight: 900; cursor: pointer; box-shadow: 0 8px 17px rgba(217,119,6,.2); }
.eiqa-school .review-can-withdraw button:hover { background: linear-gradient(135deg,#b45309,#d97706); }
.eiqa-school .withdraw-step-form { display: none; }

/* Step 3: structured implementation log shared by school and supervisor */
.eiqa-school .step3-workbench { border: 1px solid #bfdbfe; border-top: 5px solid #2563eb; border-radius: 24px; overflow: hidden; background: #f8fbff; }
.eiqa-school .step3-workbench-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 20px; background: linear-gradient(135deg,#eff6ff,#eef2ff); }
.eiqa-school .step3-workbench-head > div:first-child { min-width: 0; }
.eiqa-school .step3-workbench-head span { color: #1d4ed8; font-size: .82rem; font-weight: 900; }
.eiqa-school .step3-workbench-head h3 { margin: 3px 0 5px; color: #172554; font-size: 1.16rem; line-height: 1.35; }
.eiqa-school .step3-workbench-head p { margin: 0; color: #475569; font-size: .92rem; line-height: 1.55; }
.eiqa-school .step3-summary-pills { display: flex; gap: 7px; flex-wrap: wrap; justify-content: flex-end; min-width: 210px; }
.eiqa-school .step3-summary-pills strong { padding: 8px 10px; border: 1px solid #bfdbfe; border-radius: 12px; background: #fff; color: #334155; font-size: .78rem; white-space: nowrap; }
.eiqa-school .step3-summary-pills b { color: #1d4ed8; font-size: 1rem; }
.eiqa-school .step3-no-upload { display: flex; gap: 10px; align-items: flex-start; margin: 14px 18px 0; padding: 12px 14px; border: 1px solid #a7f3d0; border-radius: 14px; background: #ecfdf5; color: #065f46; font-size: .88rem; line-height: 1.5; }
.eiqa-school .step3-no-upload i { margin-top: 3px; color: #059669; }
.eiqa-school .step3-row-list { display: grid; gap: 16px; padding: 18px; }
.eiqa-school .step3-activity-card { border: 2px solid #dbeafe; border-radius: 20px; padding: 16px; background: #fff; box-shadow: 0 7px 18px rgba(37,99,235,.06); transition: border-color .2s, box-shadow .2s; }
.eiqa-school .step3-activity-card.is-complete { border-color: #86efac; box-shadow: 0 7px 18px rgba(16,185,129,.08); }
.eiqa-school .step3-card-head { display: flex; align-items: center; gap: 9px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 1px dashed #cbd5e1; color: #172554; }
.eiqa-school .step3-card-number { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 10px; background: linear-gradient(135deg,#2563eb,#4f46e5); color: #fff; font-weight: 900; }
.eiqa-school .step3-remove { margin-left: auto; border: 1px solid #fecdd3; border-radius: 10px; padding: 7px 9px; background: #fff1f2; color: #be123c; font: inherit; font-size: .75rem; font-weight: 800; cursor: pointer; }
.eiqa-school .step3-field-grid { display: grid; gap: 12px; margin-bottom: 14px; }
.eiqa-school .step3-field-grid.two-cols { grid-template-columns: minmax(170px,.75fr) minmax(0,1.25fr); }
.eiqa-school .step3-field-grid label,.eiqa-school .step3-wide-field { display: grid; gap: 6px; color: #334155; font-size: .84rem; font-weight: 800; }
.eiqa-school .step3-field-grid label > span small,.eiqa-school .step3-wide-field > span small,.eiqa-school .step3-field-title small { color: #64748b; font-weight: 500; }
.eiqa-school .step3-field-grid label > span b,.eiqa-school .step3-wide-field > span b,.eiqa-school .step3-field-title b { color: #dc2626; }
.eiqa-school .step3-field-grid input,.eiqa-school .step3-field-grid select,.eiqa-school .step3-field-grid textarea,.eiqa-school .step3-wide-field input { width: 100%; box-sizing: border-box; border: 1.5px solid #cbd5e1; border-radius: 12px; padding: 10px 11px; background: #fff; color: #0f172a; font: inherit; font-size: .9rem; outline: none; }
.eiqa-school .step3-field-grid textarea { min-height: 76px; resize: vertical; }
.eiqa-school .step3-field-grid input:focus,.eiqa-school .step3-field-grid select:focus,.eiqa-school .step3-field-grid textarea:focus,.eiqa-school .step3-wide-field input:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,.12); }
.eiqa-school .step3-wide-field { margin-bottom: 14px; }
.eiqa-school .step3-field-block { margin-bottom: 14px; }
.eiqa-school .step3-field-title { display: block; margin-bottom: 7px; color: #334155; font-size: .84rem; font-weight: 800; }
.eiqa-school .step3-standard-options { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.eiqa-school .step3-standard-options label,.eiqa-school .step3-evidence-options label { position: relative; cursor: pointer; }
.eiqa-school .step3-standard-options input,.eiqa-school .step3-evidence-options input { position: absolute; opacity: 0; pointer-events: none; }
.eiqa-school .step3-standard-options span { display: grid; gap: 2px; height: 100%; box-sizing: border-box; padding: 10px; border: 1.5px solid #cbd5e1; border-radius: 12px; background: #f8fafc; color: #475569; font-size: .76rem; line-height: 1.35; }
.eiqa-school .step3-standard-options span b { color: #1e3a8a; font-size: .8rem; }
.eiqa-school .step3-standard-options input:checked + span { border-color: #4f46e5; background: #eef2ff; color: #3730a3; box-shadow: inset 0 0 0 1px #4f46e5; }
.eiqa-school .step3-evidence-options { display: flex; flex-wrap: wrap; gap: 7px; }
.eiqa-school .step3-evidence-options span { display: block; padding: 7px 10px; border: 1px solid #cbd5e1; border-radius: 999px; background: #fff; color: #475569; font-size: .76rem; font-weight: 700; }
.eiqa-school .step3-evidence-options input:checked + span { border-color: #10b981; background: #ecfdf5; color: #047857; box-shadow: inset 0 0 0 1px #10b981; }
.eiqa-school .step3-field-grid.optional-fields { padding-top: 13px; border-top: 1px dashed #cbd5e1; }
.eiqa-school .step3-add-button { display: flex; align-items: center; justify-content: center; gap: 8px; width: calc(100% - 36px); margin: 0 18px 16px; padding: 11px; border: 2px dashed #60a5fa; border-radius: 14px; background: #eff6ff; color: #1d4ed8; font: inherit; font-size: .9rem; font-weight: 900; cursor: pointer; }
.eiqa-school .step3-add-button:hover { border-style: solid; background: #dbeafe; }
.eiqa-school .step3-save-note { display: flex; gap: 8px; align-items: center; padding: 12px 18px; background: #172554; color: #fff; font-size: .82rem; font-weight: 700; }
.eiqa-school .step3-launch-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:16px; padding:20px; border:1px solid #bfdbfe; border-top:5px solid #2563eb; border-radius:22px; background:linear-gradient(135deg,#eff6ff,#eef2ff); box-shadow:0 12px 28px rgba(37,99,235,.1); }
.eiqa-school .step3-launch-icon { display:flex; align-items:center; justify-content:center; width:58px; height:58px; border-radius:17px; color:#fff; background:linear-gradient(135deg,#2563eb,#4f46e5); font-size:1.35rem; box-shadow:0 10px 22px rgba(37,99,235,.25); }
.eiqa-school .step3-launch-content > span { color:#1d4ed8; font-size:.78rem; font-weight:900; }
.eiqa-school .step3-launch-content h3 { margin:3px 0 5px; color:#172554; font-size:1.08rem; line-height:1.35; }
.eiqa-school .step3-launch-content p { margin:0; color:#475569; font-size:.86rem; line-height:1.55; }
.eiqa-school .step3-launch-stats { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.eiqa-school .step3-launch-stats b { padding:5px 8px; border:1px solid #c7d2fe; border-radius:999px; background:#fff; color:#4338ca; font-size:.72rem; }
.eiqa-school .step3-launch-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:11px 15px; border-radius:14px; color:#fff; background:linear-gradient(135deg,#2563eb,#4f46e5); text-decoration:none; text-align:center; font-size:.86rem; font-weight:900; box-shadow:0 9px 18px rgba(37,99,235,.22); }
.eiqa-school .step3-launch-button:hover { transform:translateY(-2px); box-shadow:0 13px 24px rgba(37,99,235,.28); }

.eiqa-supervisor .step3-review-workbench { border: 1px solid #bfdbfe; border-top: 5px solid #2563eb; border-radius: 22px; overflow: hidden; background: #f8fbff; margin-bottom: 20px; }
.eiqa-supervisor .step3-review-head { padding: 17px 18px; background: linear-gradient(135deg,#eff6ff,#eef2ff); }
.eiqa-supervisor .step3-review-head h3 { margin: 0 0 4px; color: #172554; font-size: 1.12rem; }
.eiqa-supervisor .step3-review-head p { margin: 0; color: #475569; font-size: .9rem; }
.eiqa-supervisor .step3-review-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; padding: 14px 16px; }
.eiqa-supervisor .step3-review-metrics div { padding: 9px; border: 1px solid #dbeafe; border-radius: 12px; background: #fff; text-align: center; color: #64748b; font-size: .72rem; }
.eiqa-supervisor .step3-review-metrics strong { display: block; color: #1e3a8a; font-size: 1.08rem; }
.eiqa-supervisor .step3-coverage-bar { display: flex; gap: 7px; padding: 0 16px 14px; }
.eiqa-supervisor .step3-coverage-bar span { flex: 1; padding: 7px; border-radius: 9px; background: #e2e8f0; color: #64748b; text-align: center; font-size: .75rem; font-weight: 800; }
.eiqa-supervisor .step3-coverage-bar span.covered { background: #dcfce7; color: #047857; }
.eiqa-supervisor .step3-indicator-map { margin: 0 16px 16px; padding: 13px; border: 1px solid #ddd6fe; border-radius: 15px; background: #faf5ff; }
.eiqa-supervisor .step3-indicator-map-head { display: flex; justify-content: space-between; gap: 10px; align-items: baseline; margin-bottom: 9px; color: #5b21b6; }
.eiqa-supervisor .step3-indicator-map-head small { color: #64748b; }
.eiqa-supervisor .step3-indicator-map-list { display: grid; gap: 7px; }
.eiqa-supervisor .step3-indicator-map-row { display: grid; grid-template-columns: minmax(230px,.85fr) 1.4fr; gap: 9px; padding: 9px; border: 1px solid #e9d5ff; border-radius: 11px; background: #fff; }
.eiqa-supervisor .step3-indicator-map-row b,.eiqa-supervisor .step3-indicator-map-row small { display: block; }
.eiqa-supervisor .step3-indicator-map-row b { color: #312e81; font-size: .8rem; line-height: 1.4; }
.eiqa-supervisor .step3-indicator-map-row small { color: #64748b; font-size: .7rem; }
.eiqa-supervisor .step3-indicator-map-row > div:last-child { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.eiqa-supervisor .step3-indicator-map-row span,.eiqa-supervisor .step3-indicator-map-row em { padding: 5px 7px; border-radius: 8px; font-size: .7rem; font-style: normal; font-weight: 800; }
.eiqa-supervisor .step3-indicator-map-row span { color: #047857; background: #ecfdf5; border: 1px solid #a7f3d0; }
.eiqa-supervisor .step3-indicator-map-row em { color: #b45309; background: #fffbeb; border: 1px dashed #f59e0b; }
.eiqa-supervisor .step3-review-list { display: grid; gap: 10px; padding: 0 16px 16px; }
.eiqa-supervisor .step3-review-item { border: 1px solid #dbeafe; border-radius: 16px; padding: 13px; background: #fff; }
.eiqa-supervisor .step3-review-item-head { display: flex; align-items: flex-start; gap: 9px; }
.eiqa-supervisor .step3-review-item-head > b { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 9px; background: #2563eb; color: #fff; }
.eiqa-supervisor .step3-review-item-head div { flex: 1; min-width: 0; }
.eiqa-supervisor .step3-review-item-head strong { display: block; color: #172554; line-height: 1.35; }
.eiqa-supervisor .step3-review-item-head small { color: #64748b; }
.eiqa-supervisor .step3-work-status { padding: 5px 8px; border-radius: 999px; background: #fff7ed; color: #9a3412; font-size: .68rem; font-weight: 900; white-space: nowrap; }
.eiqa-supervisor .step3-review-tags { display: flex; flex-wrap: wrap; gap: 5px; margin: 9px 0; }
.eiqa-supervisor .step3-review-tags span { padding: 4px 7px; border-radius: 999px; background: #eef2ff; color: #4338ca; font-size: .68rem; font-weight: 800; }
.eiqa-supervisor .step3-review-result { margin: 7px 0; padding: 9px 10px; border-left: 4px solid #10b981; border-radius: 9px; background: #ecfdf5; color: #065f46; font-size: .84rem; line-height: 1.55; }
.eiqa-supervisor .step3-review-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 8px; }
.eiqa-supervisor .step3-review-notes div { padding: 8px; border-radius: 9px; background: #f8fafc; color: #475569; font-size: .76rem; line-height: 1.45; }
.eiqa-supervisor .step3-empty { margin: 16px; padding: 18px; border: 1px dashed #94a3b8; border-radius: 14px; color: #64748b; text-align: center; }

/* Supervisor assessment workspace: wider evidence area, clearer decisions and compact scanning. */
@media (min-width:1101px) {
    .eiqa-supervisor .step-grid { grid-template-columns:minmax(245px,.55fr) minmax(560px,1.55fr) minmax(330px,.85fr); }
    .eiqa-supervisor .col-info { padding:26px 20px; }
    .eiqa-supervisor .col-data { min-width:0; padding:26px 24px; }
    .eiqa-supervisor .col-chat { min-width:0; padding:26px 20px; }
}
.eiqa-supervisor .review-workflow-banner { position:relative; margin:-4px 0 16px; padding:11px 13px; border-radius:16px; }
.eiqa-supervisor .review-workflow-banner::after { content:'อ่านข้อมูล  ›  เปิดหลักฐาน  ›  บันทึกผล'; margin-left:auto; padding:5px 8px; border-radius:999px; color:#0369a1; background:#fff; font-size:.72rem; font-weight:900; white-space:nowrap; }
.eiqa-supervisor .review-panel { scroll-margin-top:120px; margin-top:20px; padding:16px; border:2px solid #c7d2fe; border-radius:20px; background:linear-gradient(145deg,#faf5ff,#fff); box-shadow:0 12px 25px rgba(79,70,229,.08); }
.eiqa-supervisor .review-panel-title { display:flex; align-items:center; gap:8px; color:#312e81; font-size:1.05rem; }
.eiqa-supervisor .review-note { min-height:110px; font-size:1rem; line-height:1.55; }
.eiqa-supervisor .review-actions { gap:9px; }
.eiqa-supervisor .btn-review-action { min-height:46px; font-size:.95rem; }
.eiqa-supervisor .col-chat { border-left:1px solid #e2e8f0; }
.eiqa-supervisor .cc-chat-box { max-height:420px; }

.eiqa-supervisor .step3-review-workbench { scroll-margin-top:120px; border-top-color:#4f46e5; background:linear-gradient(180deg,#f8fbff,#fff); }
.eiqa-supervisor .step3-review-head { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:14px; padding:18px 20px; background:linear-gradient(135deg,#eef2ff,#f0f9ff 58%,#ecfeff); }
.eiqa-supervisor .step3-review-kicker { display:block; margin-bottom:3px; color:#6366f1; font-size:.75rem; font-weight:900; letter-spacing:.04em; }
.eiqa-supervisor .step3-review-head h3 { font-size:1.22rem; }
.eiqa-supervisor .step3-review-shortcuts { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.eiqa-supervisor .step3-review-shortcuts a { display:inline-flex; align-items:center; gap:5px; min-height:38px; padding:7px 9px; border:1px solid #c7d2fe; border-radius:11px; color:#4338ca; background:#fff; text-decoration:none; font-size:.76rem; font-weight:900; }
.eiqa-supervisor .step3-review-shortcuts a:hover { color:#fff; border-color:#4f46e5; background:#4f46e5; transform:translateY(-1px); }
.eiqa-supervisor .step3-review-metrics { grid-template-columns:repeat(5,minmax(0,1fr)); gap:9px; padding:16px 18px 12px; }
.eiqa-supervisor .step3-review-metrics div { position:relative; min-height:84px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 8px; border-radius:15px; font-size:.76rem; }
.eiqa-supervisor .step3-review-metrics div>i { position:absolute; top:8px; left:9px; color:#60a5fa; }
.eiqa-supervisor .step3-review-metrics strong { margin-top:3px; font-size:1.3rem; }
.eiqa-supervisor .step3-review-metrics .needs-attention { border-color:#fdba74; background:#fff7ed; color:#9a3412; }
.eiqa-supervisor .step3-review-metrics .needs-attention strong,.eiqa-supervisor .step3-review-metrics .needs-attention>i { color:#c2410c; }
.eiqa-supervisor .step3-review-metrics .is-ready { border-color:#a7f3d0; background:#ecfdf5; color:#047857; }
.eiqa-supervisor .step3-review-metrics .is-ready strong,.eiqa-supervisor .step3-review-metrics .is-ready>i { color:#047857; }
.eiqa-supervisor .step3-coverage-bar { gap:9px; padding:0 18px 16px; }
.eiqa-supervisor .step3-coverage-bar span { position:relative; display:grid; grid-template-columns:1fr auto; gap:1px 8px; padding:10px 12px; text-align:left; }
.eiqa-supervisor .step3-coverage-bar b { color:inherit; font-size:.78rem; }
.eiqa-supervisor .step3-coverage-bar small { grid-column:1/-1; overflow:hidden; color:#64748b; font-size:.68rem; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.eiqa-supervisor .step3-coverage-bar em { grid-row:1; grid-column:2; font-size:.72rem; font-style:normal; }

.eiqa-supervisor .step3-indicator-map { scroll-margin-top:120px; margin:0 18px 18px; padding:15px; border-radius:18px; }
.eiqa-supervisor .step3-indicator-map-head { align-items:center; }
.eiqa-supervisor .step3-indicator-map-head>div strong,.eiqa-supervisor .step3-indicator-map-head>div small { display:block; }
.eiqa-supervisor .step3-gap-total { flex:0 0 auto; padding:6px 9px; border-radius:999px; font-size:.72rem; white-space:nowrap; }
.eiqa-supervisor .step3-gap-total.has-gap { color:#b45309; background:#fef3c7; }
.eiqa-supervisor .step3-gap-total.complete { color:#047857; background:#d1fae5; }
.eiqa-supervisor .step3-standard-groups { display:grid; gap:9px; }
.eiqa-supervisor .step3-standard-group { overflow:hidden; border:1px solid #ddd6fe; border-radius:14px; background:#fff; }
.eiqa-supervisor .step3-standard-group.has-gap { border-color:#fed7aa; }
.eiqa-supervisor .step3-standard-group>summary { display:grid; grid-template-columns:minmax(0,1fr) auto 18px; align-items:center; gap:10px; padding:11px 12px; color:#312e81; background:#f5f3ff; cursor:pointer; list-style:none; }
.eiqa-supervisor .step3-standard-group.has-gap>summary { color:#9a3412; background:#fff7ed; }
.eiqa-supervisor .step3-standard-group>summary::-webkit-details-marker { display:none; }
.eiqa-supervisor .step3-standard-group>summary span b,.eiqa-supervisor .step3-standard-group>summary span small { display:block; }
.eiqa-supervisor .step3-standard-group>summary span small { margin-top:2px; color:#64748b; font-size:.7rem; font-weight:600; }
.eiqa-supervisor .step3-standard-group>summary em { padding:5px 7px; border-radius:999px; color:#5b21b6; background:#ede9fe; font-size:.69rem; font-style:normal; font-weight:900; white-space:nowrap; }
.eiqa-supervisor .step3-standard-group.has-gap>summary em { color:#b45309; background:#ffedd5; }
.eiqa-supervisor .step3-standard-group>summary>i { transition:transform .2s ease; }
.eiqa-supervisor .step3-standard-group[open]>summary>i { transform:rotate(180deg); }
.eiqa-supervisor .step3-standard-group .step3-indicator-map-list { padding:9px; }
.eiqa-supervisor .step3-indicator-map-row { border-left:4px solid #10b981; }
.eiqa-supervisor .step3-indicator-map-row.missing-project { border-color:#fed7aa; border-left-color:#f59e0b; background:#fffbeb; }

.eiqa-supervisor .step3-project-review { scroll-margin-top:120px; padding:0 18px 18px; }
.eiqa-supervisor .step3-project-review-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:10px; }
.eiqa-supervisor .step3-project-review-head strong,.eiqa-supervisor .step3-project-review-head small { display:block; }
.eiqa-supervisor .step3-project-review-head strong { color:#172554; font-size:1rem; }
.eiqa-supervisor .step3-project-review-head small { margin-top:2px; color:#64748b; font-size:.73rem; }
.eiqa-supervisor .step3-project-filters { display:flex; gap:5px; }
.eiqa-supervisor .step3-project-filters button { min-height:34px; padding:6px 9px; border:1px solid #cbd5e1; border-radius:10px; color:#475569; background:#fff; font:inherit; font-size:.7rem; font-weight:900; cursor:pointer; }
.eiqa-supervisor .step3-project-filters button.active { color:#fff; border-color:#4f46e5; background:#4f46e5; }
.eiqa-supervisor .step3-review-list { padding:0; }
.eiqa-supervisor details.step3-review-item { padding:0; overflow:hidden; }
.eiqa-supervisor details.step3-review-item.needs-attention { border-color:#fdba74; }
.eiqa-supervisor details.step3-review-item[hidden] { display:none; }
.eiqa-supervisor .step3-review-item-head { padding:12px; cursor:pointer; list-style:none; }
.eiqa-supervisor .step3-review-item-head::-webkit-details-marker { display:none; }
.eiqa-supervisor .step3-review-item-head>div { min-width:0; }
.eiqa-supervisor .step3-review-item-head strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.eiqa-supervisor .step3-project-readiness { padding:5px 7px; border-radius:999px; color:#047857; background:#d1fae5; font-size:.67rem; font-weight:900; white-space:nowrap; }
.eiqa-supervisor .needs-attention .step3-project-readiness { color:#b45309; background:#fef3c7; }
.eiqa-supervisor .step3-project-chevron { align-self:center; color:#94a3b8; transition:transform .2s ease; }
.eiqa-supervisor details.step3-review-item[open] .step3-project-chevron { transform:rotate(180deg); }
.eiqa-supervisor .step3-review-item-body { padding:2px 13px 13px; border-top:1px solid #e2e8f0; }
.eiqa-supervisor .step3-review-tags span.warning { color:#b45309; background:#fffbeb; }
.eiqa-supervisor .step3-review-result strong { display:block; margin-bottom:4px; }
.eiqa-supervisor .step3-review-result.indicator-result { color:#4c1d95; border-left-color:#7c3aed; background:#faf5ff; }
.eiqa-supervisor .step3-review-result.analysis-result { color:#3730a3; border-left-color:#6366f1; background:#eef2ff; }
.eiqa-supervisor .step3-missing-copy { display:block; color:#b45309; }
.eiqa-supervisor .step3-evidence-line { display:grid; grid-template-columns:minmax(0,1fr) minmax(190px,.55fr); gap:9px; align-items:center; margin-top:8px; }
.eiqa-supervisor .step3-evidence-line .step3-review-tags { margin:0; }
.eiqa-supervisor .step3-evidence-line .link-btn { margin:0; padding:10px 12px; }
.eiqa-supervisor .step3-evidence-missing { padding:9px; border:1px dashed #f59e0b; border-radius:10px; color:#b45309; background:#fffbeb; text-align:center; font-size:.76rem; font-weight:800; }
.eiqa-supervisor .step3-filter-empty { padding:18px; border:1px dashed #a7f3d0; border-radius:14px; color:#047857; background:#ecfdf5; text-align:center; font-weight:800; }

@media (max-width: 900px) {
    .eiqa-supervisor .source-document-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .eiqa-supervisor .standard-source-workbench { margin: 14px 14px 0; }
    .eiqa-supervisor .source-workbench-head,
    .eiqa-supervisor .source-save-row { align-items: stretch; flex-direction: column; }
    .eiqa-supervisor .source-readiness { min-width: 0; }
    .eiqa-supervisor .source-year-link { grid-template-columns: 1fr; }
    .eiqa-supervisor .source-save-row button { width: 100%; }
    .eiqa-supervisor .standard-analysis-trigger { align-items: stretch; flex-direction: column; }
    .eiqa-supervisor .standard-analysis-trigger button { width: 100%; }
    .eiqa-school .school-standard-result { grid-template-columns: 1fr; }
    .eiqa-school .school-result-criteria { grid-template-columns: 1fr; }
    .eiqa-school .step3-workbench-head { flex-direction: column; }
    .eiqa-school .step3-summary-pills { justify-content: flex-start; min-width: 0; }
    .eiqa-school .step3-field-grid.two-cols,.eiqa-school .step3-standard-options { grid-template-columns: 1fr; }
    .eiqa-school .step3-row-list { padding: 12px; }
    .eiqa-school .step3-activity-card { padding: 13px; }
    .eiqa-school .step3-launch-card { grid-template-columns:auto 1fr; }
    .eiqa-school .step3-launch-button { grid-column:1 / -1; width:100%; }
    .eiqa-supervisor .step3-review-metrics { grid-template-columns: repeat(2,1fr); }
    .eiqa-supervisor .step3-review-head { grid-template-columns:1fr; }
    .eiqa-supervisor .step3-review-shortcuts { justify-content:flex-start; }
    .eiqa-supervisor .step3-review-shortcuts a { flex:1 1 calc(50% - 6px); justify-content:center; }
    .eiqa-supervisor .step3-coverage-bar { display:grid; grid-template-columns:1fr; }
    .eiqa-supervisor .step3-indicator-map-head { display: grid; }
    .eiqa-supervisor .step3-indicator-map-row { grid-template-columns: 1fr; }
    .eiqa-supervisor .step3-project-review-head { align-items:stretch; flex-direction:column; }
    .eiqa-supervisor .step3-project-filters { display:grid; grid-template-columns:repeat(3,1fr); }
    .eiqa-supervisor .step3-project-filters button { padding:7px 5px; }
    .eiqa-supervisor .step3-review-item-head { display:grid; grid-template-columns:30px minmax(0,1fr) 18px; }
    .eiqa-supervisor .step3-project-readiness,.eiqa-supervisor .step3-work-status { grid-column:2; justify-self:start; }
    .eiqa-supervisor .step3-project-chevron { grid-column:3; grid-row:1; }
    .eiqa-supervisor .step3-evidence-line { grid-template-columns:1fr; }
    .eiqa-supervisor .step3-review-notes { grid-template-columns: 1fr; }
}

/* Step 2 supervisor: OBEC planning rubric and AI evidence assistant. */
.eiqa-supervisor .plan-evaluator{margin-top:18px;overflow:hidden;border:1px solid #c7d2fe;border-radius:22px;background:#fff;box-shadow:0 16px 38px rgba(30,64,175,.1)}
.eiqa-supervisor .plan-evaluator-hero{padding:18px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:13px;color:#fff;background:linear-gradient(125deg,#312e81,#4f46e5 55%,#0891b2)}
.eiqa-supervisor .plan-evaluator-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.17);font-size:1.35rem}
.eiqa-supervisor .plan-evaluator-hero span{display:block;color:#c7d2fe;font-size:.78rem;font-weight:850}.eiqa-supervisor .plan-evaluator-hero h3{margin:2px 0 0;font-size:1.28rem}.eiqa-supervisor .plan-evaluator-hero p{margin:4px 0 0;color:#e0e7ff;font-size:.84rem;line-height:1.45}
.eiqa-supervisor .plan-evaluator-score{min-width:150px;padding:10px 13px;border:1px solid rgba(255,255,255,.28);border-radius:14px;text-align:center;background:rgba(255,255,255,.13)}.eiqa-supervisor .plan-evaluator-score strong{font-size:1.75rem;line-height:1}.eiqa-supervisor .plan-evaluator-score small{color:#c7d2fe;font-weight:800}.eiqa-supervisor .plan-evaluator-score span{margin-top:5px;color:#fff;font-size:.72rem}
.eiqa-supervisor .plan-source-form{margin:16px;padding:15px;border:1px solid #bae6fd;border-radius:16px;background:linear-gradient(145deg,#f0f9ff,#fff)}
.eiqa-supervisor .plan-source-heading,.eiqa-supervisor .plan-ai-result-head,.eiqa-supervisor .plan-rubric-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eiqa-supervisor .plan-source-heading strong{display:block;color:#0c4a6e}.eiqa-supervisor .plan-source-heading span{display:block;margin-top:3px;color:#64748b;font-size:.8rem;line-height:1.45}.eiqa-supervisor .plan-source-heading em,.eiqa-supervisor .plan-rubric-head em{padding:6px 9px;border-radius:999px;color:#0369a1;background:#e0f2fe;font-size:.72rem;font-style:normal;font-weight:850;white-space:nowrap}
.eiqa-supervisor .plan-source-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.eiqa-supervisor .plan-source-grid label>span{display:block;margin-bottom:5px;color:#334155;font-size:.83rem;font-weight:850}.eiqa-supervisor .plan-source-grid input{width:100%;min-height:43px;padding:9px 11px;border:1px solid #bfdbfe;border-radius:11px;color:#1e293b;background:#fff;font:inherit;box-sizing:border-box}
.eiqa-supervisor .plan-source-statuses,.eiqa-supervisor .plan-source-actions{margin-top:10px;display:flex;flex-wrap:wrap;gap:7px}.eiqa-supervisor .plan-source-statuses span{padding:5px 8px;border-radius:999px;font-size:.73rem;font-weight:800}.eiqa-supervisor .plan-source-statuses .ready{color:#047857;background:#d1fae5}.eiqa-supervisor .plan-source-statuses .missing{color:#b45309;background:#fef3c7}.eiqa-supervisor .plan-source-statuses .optional{color:#64748b;background:#f1f5f9}
.eiqa-supervisor .plan-source-actions button,.eiqa-supervisor .plan-source-actions a{min-height:39px;padding:8px 11px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;font:inherit;font-size:.8rem;font-weight:850;text-decoration:none;cursor:pointer}.eiqa-supervisor .plan-source-actions button{color:#fff;background:#0284c7}.eiqa-supervisor .plan-source-actions a{color:#0369a1;background:#e0f2fe}
.eiqa-supervisor .plan-ai-action{margin:0 16px 16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ddd6fe;border-radius:15px;background:#f5f3ff}.eiqa-supervisor .plan-ai-action strong{display:block;color:#5b21b6}.eiqa-supervisor .plan-ai-action span{display:block;margin-top:3px;color:#64748b;font-size:.78rem;line-height:1.45}.eiqa-supervisor .plan-ai-action button,.eiqa-supervisor .plan-rubric-actions button{min-height:42px;padding:9px 14px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);font:inherit;font-weight:900;cursor:pointer;white-space:nowrap}.eiqa-supervisor .plan-ai-action button:disabled{opacity:.45;cursor:not-allowed}
.eiqa-supervisor .plan-ai-result{margin:0 16px 16px;padding:15px;border:1px solid #ddd6fe;border-radius:17px;background:linear-gradient(145deg,#faf5ff,#fff)}.eiqa-supervisor .plan-ai-result-head strong{display:block;color:#5b21b6}.eiqa-supervisor .plan-ai-result-head span{display:block;margin-top:3px;color:#64748b;font-size:.74rem}.eiqa-supervisor .plan-ai-result-head em{padding:5px 8px;border-radius:999px;color:#9a3412;background:#ffedd5;font-size:.7rem;font-style:normal;font-weight:900}.eiqa-supervisor .plan-ai-overview{margin:10px 0 0;padding:10px;border-radius:11px;color:#334155;background:#fff;font-size:.84rem;line-height:1.55}
.eiqa-supervisor .plan-source-warnings{margin-top:10px;padding:9px 10px;border-left:4px solid #f59e0b;border-radius:10px;color:#92400e;background:#fffbeb}.eiqa-supervisor .plan-source-warnings strong{font-size:.79rem}.eiqa-supervisor .plan-source-warnings p{margin:4px 0 0;color:#78350f;font-size:.72rem;line-height:1.5}
.eiqa-supervisor .plan-gate-grid,.eiqa-supervisor .plan-dimension-grid,.eiqa-supervisor .plan-gap-pair{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.eiqa-supervisor .plan-gate-grid>div{padding:9px;display:flex;align-items:flex-start;gap:7px;border-radius:10px}.eiqa-supervisor .plan-gate-grid .passed{color:#047857;background:#ecfdf5}.eiqa-supervisor .plan-gate-grid .failed{color:#b91c1c;background:#fef2f2}.eiqa-supervisor .plan-gate-grid strong,.eiqa-supervisor .plan-gate-grid small{display:block}.eiqa-supervisor .plan-gate-grid strong{font-size:.79rem}.eiqa-supervisor .plan-gate-grid small{margin-top:2px;color:#64748b;font-size:.7rem;line-height:1.4}
.eiqa-supervisor .plan-dimension-grid article{padding:10px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.eiqa-supervisor .plan-dimension-grid header{display:grid;grid-template-columns:43px minmax(0,1fr);gap:8px;align-items:center}.eiqa-supervisor .plan-dimension-grid header>b{height:43px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);font-size:.85rem}.eiqa-supervisor .plan-dimension-grid header strong,.eiqa-supervisor .plan-dimension-grid header small{display:block}.eiqa-supervisor .plan-dimension-grid header strong{color:#1e293b;font-size:.82rem}.eiqa-supervisor .plan-dimension-grid header small{color:#64748b;font-size:.67rem}.eiqa-supervisor .plan-dimension-grid article>p{margin:8px 0 0;color:#475569;font-size:.78rem;line-height:1.5}.eiqa-supervisor .plan-dimension-grid details{margin-top:7px;color:#4338ca;font-size:.73rem}.eiqa-supervisor .plan-dimension-grid ul{margin:5px 0 0;padding-left:18px;color:#475569}.eiqa-supervisor .plan-dimension-grid .missing{margin-top:7px;padding:6px 7px;border-radius:8px;color:#9a3412;background:#fff7ed;font-size:.72rem;line-height:1.45}
.eiqa-supervisor .plan-gap-pair>div{padding:10px;border-radius:11px;color:#9a3412;background:#fff7ed}.eiqa-supervisor .plan-gap-pair>div:last-child{color:#9f1239;background:#fff1f2}.eiqa-supervisor .plan-gap-pair strong{font-size:.79rem}.eiqa-supervisor .plan-gap-pair p{margin:6px 0 0;color:#475569;font-size:.75rem;line-height:1.5}
.eiqa-supervisor .plan-crosswalk{margin-top:11px;border:1px solid #c7d2fe;border-radius:12px;overflow:hidden;background:#fff}.eiqa-supervisor .plan-crosswalk summary{padding:10px 12px;color:#3730a3;background:#eef2ff;font-size:.82rem;font-weight:900;cursor:pointer}.eiqa-supervisor .plan-crosswalk>div{overflow-x:auto}.eiqa-supervisor .plan-crosswalk table{width:100%;min-width:820px;border-collapse:collapse;font-size:.73rem}.eiqa-supervisor .plan-crosswalk th{padding:8px;text-align:left;color:#475569;background:#f8fafc}.eiqa-supervisor .plan-crosswalk td{padding:8px;border-top:1px solid #e2e8f0;color:#475569;vertical-align:top;line-height:1.4}.eiqa-supervisor .plan-crosswalk td strong,.eiqa-supervisor .plan-crosswalk td small,.eiqa-supervisor .plan-crosswalk td span{display:block}.eiqa-supervisor .plan-crosswalk em{padding:4px 6px;border-radius:999px;font-style:normal;font-weight:900;white-space:nowrap}.eiqa-supervisor .plan-crosswalk em.complete{color:#047857;background:#d1fae5}.eiqa-supervisor .plan-crosswalk em.partial{color:#b45309;background:#fef3c7}.eiqa-supervisor .plan-crosswalk em.gap{color:#be123c;background:#ffe4e6}
.eiqa-supervisor .plan-rubric-form{margin:0 16px 16px;padding:15px;border:1px solid #bae6fd;border-radius:17px;background:#f8fafc}.eiqa-supervisor .plan-rubric-head strong{display:block;color:#0c4a6e}.eiqa-supervisor .plan-rubric-head span{display:block;margin-top:3px;color:#64748b;font-size:.76rem}.eiqa-supervisor .plan-rubric-list{margin-top:11px;display:grid;gap:7px}.eiqa-supervisor .plan-rubric-list>div{padding:9px 10px;display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.eiqa-supervisor .plan-rubric-list span strong,.eiqa-supervisor .plan-rubric-list span small{display:block}.eiqa-supervisor .plan-rubric-list span strong{color:#1e293b;font-size:.82rem}.eiqa-supervisor .plan-rubric-list span small{color:#64748b;font-size:.7rem;line-height:1.4}.eiqa-supervisor .plan-rubric-list fieldset{margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;border:0}.eiqa-supervisor .plan-rubric-list input[type=radio]{position:absolute;opacity:0}.eiqa-supervisor .plan-rubric-list label b{height:34px;display:grid;place-items:center;border:2px solid #e2e8f0;border-radius:9px;color:#64748b;background:#fff;cursor:pointer}.eiqa-supervisor .plan-rubric-list input:checked+b{border-color:#4f46e5;color:#fff;background:#4f46e5}
.eiqa-supervisor .plan-writing-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.eiqa-supervisor .plan-writing-grid label{padding:9px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.eiqa-supervisor .plan-writing-grid label>span{display:block;margin-bottom:6px;color:#334155;font-size:.8rem;font-weight:900}.eiqa-supervisor .plan-writing-grid textarea{width:100%;min-height:125px;padding:9px;resize:vertical;border:1px solid #cbd5e1;border-radius:9px;color:#334155;font:inherit;font-size:.78rem;line-height:1.5;box-sizing:border-box}.eiqa-supervisor .plan-rubric-actions{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.eiqa-supervisor .plan-rubric-actions label{color:#475569;font-size:.79rem;font-weight:800}.eiqa-supervisor .plan-rubric-actions input{accent-color:#4f46e5}.eiqa-supervisor .plan-rubric-actions button{background:linear-gradient(135deg,#059669,#16a34a)}
@media(max-width:900px){.eiqa-supervisor .plan-evaluator-hero{grid-template-columns:44px minmax(0,1fr)}.eiqa-supervisor .plan-evaluator-score{grid-column:1/-1}.eiqa-supervisor .plan-source-grid,.eiqa-supervisor .plan-gate-grid,.eiqa-supervisor .plan-dimension-grid,.eiqa-supervisor .plan-gap-pair,.eiqa-supervisor .plan-writing-grid{grid-template-columns:1fr}.eiqa-supervisor .plan-ai-action,.eiqa-supervisor .plan-rubric-actions{align-items:stretch;flex-direction:column}.eiqa-supervisor .plan-ai-action button,.eiqa-supervisor .plan-rubric-actions button{width:100%}}
@media(max-width:620px){.eiqa-supervisor .plan-source-heading,.eiqa-supervisor .plan-ai-result-head,.eiqa-supervisor .plan-rubric-head{flex-direction:column}.eiqa-supervisor .plan-rubric-list>div{grid-template-columns:1fr}}

/* Confirmed Step 2 assessment shown to the school; AI draft stays supervisor-only. */
.eiqa-school .school-plan-evaluation{margin-bottom:14px;overflow:hidden;border:1px solid #c4b5fd;border-radius:18px;background:linear-gradient(155deg,#faf5ff,#fff 62%);box-shadow:0 10px 26px rgba(91,33,182,.08)}
.eiqa-school .school-plan-evaluation-head{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#fff;background:linear-gradient(125deg,#5b21b6,#7c3aed 55%,#2563eb)}
.eiqa-school .school-plan-evaluation-head span,.eiqa-school .school-plan-evaluation-head h4{display:block;margin:0}.eiqa-school .school-plan-evaluation-head span{color:#ddd6fe;font-size:.7rem;font-weight:900}.eiqa-school .school-plan-evaluation-head h4{margin-top:2px;font-size:1rem}.eiqa-school .school-plan-evaluation-head b{padding:6px 8px;border-radius:999px;color:#4c1d95;background:#ede9fe;font-size:.7rem;white-space:nowrap}
.eiqa-school .school-plan-score{margin:12px;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px}.eiqa-school .school-plan-score>strong{height:70px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(145deg,#6d28d9,#4338ca);font-size:1.32rem}.eiqa-school .school-plan-score small{font-size:.7rem}.eiqa-school .school-plan-score span,.eiqa-school .school-plan-score span b{display:block;color:#64748b;font-size:.75rem}.eiqa-school .school-plan-score span b{margin-top:3px;color:#312e81;font-size:.86rem}
.eiqa-school .school-plan-criteria{padding:0 12px 12px;display:grid;gap:6px}.eiqa-school .school-plan-criteria>div{padding:8px 9px;display:flex;justify-content:space-between;gap:8px;border:1px solid #e9d5ff;border-radius:10px;background:#fff}.eiqa-school .school-plan-criteria span{color:#475569;font-size:.73rem;line-height:1.35}.eiqa-school .school-plan-criteria strong{color:#5b21b6;font-size:.76rem;white-space:nowrap}
.eiqa-school .school-plan-findings{padding:0 12px 12px;display:grid;gap:7px}.eiqa-school .school-plan-findings article{padding:9px;border-left:4px solid #10b981;border-radius:9px;color:#334155;background:#ecfdf5}.eiqa-school .school-plan-findings article.improve{border-left-color:#f59e0b;background:#fffbeb}.eiqa-school .school-plan-findings article.recommend{border-left-color:#3b82f6;background:#eff6ff}.eiqa-school .school-plan-findings strong{font-size:.76rem}.eiqa-school .school-plan-findings p{margin:5px 0 0;font-size:.72rem;line-height:1.5}
.eiqa-school .school-plan-reviewer{padding:9px 12px;color:#64748b;background:#f5f3ff;font-size:.7rem;font-weight:800}.eiqa-school .school-plan-reviewer span{display:block;margin-top:2px;color:#8b5cf6}.eiqa-school .school-plan-wait{margin:12px;padding:12px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;border:1px dashed #c4b5fd;border-radius:12px;color:#6d28d9;background:#faf5ff}.eiqa-school .school-plan-wait>i{font-size:1.15rem;text-align:center}.eiqa-school .school-plan-wait span,.eiqa-school .school-plan-wait strong{display:block;font-size:.74rem;line-height:1.45}.eiqa-school .school-plan-wait strong{color:#4c1d95;font-size:.8rem}.eiqa-school .school-plan-wait.ready{border-color:#93c5fd;color:#2563eb;background:#eff6ff}.eiqa-school .school-plan-wait.ready strong{color:#1d4ed8}
@media(max-width:620px){.eiqa-school .school-plan-evaluation-head{align-items:flex-start;flex-direction:column}.eiqa-school .school-plan-score{grid-template-columns:72px minmax(0,1fr)}.eiqa-school .school-plan-score>strong{height:62px}}

/* Full-width Step 2 assessment workspace. */
body.plan-tool-page{margin:0;min-height:100vh;color:#172033;background:linear-gradient(145deg,#eef7ff,#f5f3ff 48%,#ecfeff);font-family:'Prompt',sans-serif}
.plan-tool-topbar{position:sticky;top:0;z-index:50;min-height:72px;padding:10px clamp(14px,3vw,42px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;border-bottom:1px solid #c7d2fe;background:rgba(255,255,255,.94);box-shadow:0 8px 26px rgba(30,64,175,.09);backdrop-filter:blur(12px)}
.plan-tool-topbar>a{min-height:42px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;border:1px solid #bfdbfe;border-radius:12px;color:#1d4ed8;background:#eff6ff;font-size:.82rem;font-weight:850;text-decoration:none}.plan-tool-topbar>div{display:flex;align-items:center;justify-content:center;gap:10px}.plan-tool-topbar>div>i{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(135deg,#6d28d9,#2563eb);font-size:1.2rem}.plan-tool-topbar span,.plan-tool-topbar strong,.plan-tool-topbar small{display:block}.plan-tool-topbar strong{font-size:1.04rem}.plan-tool-topbar small{margin-top:2px;color:#64748b;font-size:.7rem}
.plan-tool-shell{width:min(1520px,calc(100% - 32px));margin:22px auto 70px}.plan-tool-flash{margin-bottom:14px;padding:12px 15px;border:1px solid #86efac;border-radius:13px;color:#166534;background:#f0fdf4;font-weight:800}.plan-tool-flash.error{border-color:#fda4af;color:#9f1239;background:#fff1f2}
.plan-tool-school-head{padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto 190px;align-items:center;gap:18px;border:1px solid #c7d2fe;border-radius:22px;background:#fff;box-shadow:0 16px 38px rgba(30,64,175,.08)}.plan-tool-school-head>div>span{color:#6366f1;font-size:.75rem;font-weight:900}.plan-tool-school-head h1{margin:3px 0;color:#172033;font-size:clamp(1.35rem,2.3vw,2rem)}.plan-tool-school-head p{margin:0;color:#64748b}.plan-tool-school-head nav{display:flex;gap:8px}.plan-tool-school-head nav a{min-height:45px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;background:#fff;font-size:.8rem;font-weight:850;text-decoration:none}.plan-tool-school-head nav a.early.active{border-color:#fb923c;color:#c2410c;background:#fff7ed}.plan-tool-school-head nav a.basic.active{border-color:#60a5fa;color:#1d4ed8;background:#eff6ff}.plan-tool-current{padding:12px;text-align:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.plan-tool-current strong,.plan-tool-current span{display:block}.plan-tool-current strong{font-size:1.38rem}.plan-tool-current span{margin-top:3px;color:#e0e7ff;font-size:.7rem;line-height:1.4}
.plan-tool-summary{margin:14px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.plan-tool-summary>div{padding:13px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;border:1px solid #dbeafe;border-radius:14px;background:#fff}.plan-tool-summary>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#4f46e5;background:#eef2ff}.plan-tool-summary span,.plan-tool-summary strong{display:block;color:#64748b;font-size:.72rem}.plan-tool-summary strong{color:#172033;font-size:.94rem}
.eiqa-supervisor .plan-evaluator.full-page{margin-top:0}.eiqa-supervisor .plan-evaluator.full-page .plan-source-form,.eiqa-supervisor .plan-evaluator.full-page .plan-ai-action,.eiqa-supervisor .plan-evaluator.full-page .plan-ai-result,.eiqa-supervisor .plan-evaluator.full-page .plan-rubric-form{margin-left:22px;margin-right:22px}.eiqa-supervisor .plan-evaluator.full-page .plan-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eiqa-supervisor .plan-evaluator.full-page .plan-gate-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.eiqa-supervisor .plan-evaluator.full-page .plan-dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.eiqa-supervisor .plan-rubric-form.full-review{margin-top:22px;margin-bottom:24px}.eiqa-supervisor .plan-evaluator.full-page .plan-rubric-list>div{grid-template-columns:minmax(0,1fr) 260px}.eiqa-supervisor .plan-evaluator.full-page .plan-writing-grid textarea{min-height:180px}
.plan-tool-launch{margin-top:16px;padding:16px;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:13px;border:2px solid #c4b5fd;border-radius:17px;background:linear-gradient(145deg,#faf5ff,#eef2ff)}.plan-tool-launch-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);font-size:1.35rem}.plan-tool-launch-content>span{color:#7c3aed;font-size:.72rem;font-weight:900}.plan-tool-launch-content h3{margin:2px 0;color:#312e81;font-size:1.05rem}.plan-tool-launch-content p{margin:4px 0;color:#64748b;font-size:.76rem;line-height:1.5}.plan-tool-launch-content>div{display:flex;flex-wrap:wrap;gap:6px}.plan-tool-launch-content b{padding:4px 7px;border-radius:999px;color:#4338ca;background:#e0e7ff;font-size:.67rem}.plan-tool-launch>a{min-height:44px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7c3aed,#2563eb);font-size:.8rem;font-weight:900;text-decoration:none;box-shadow:0 8px 18px rgba(79,70,229,.22)}
.eiqa-supervisor .col-data .plan-tool-launch{padding:18px;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:14px}.eiqa-supervisor .col-data .plan-tool-launch-icon{width:58px;height:58px}.eiqa-supervisor .col-data .plan-tool-launch-content{min-width:0}.eiqa-supervisor .col-data .plan-tool-launch-content>span{font-size:.78rem}.eiqa-supervisor .col-data .plan-tool-launch-content h3{font-size:1.14rem;line-height:1.4}.eiqa-supervisor .col-data .plan-tool-launch-content p{font-size:.82rem;line-height:1.65}.eiqa-supervisor .col-data .plan-tool-launch>a{grid-column:1/-1;width:100%;min-height:48px;box-sizing:border-box;font-size:.86rem;white-space:normal;text-align:center}
.plan-tool-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#4f46e5;text-decoration:none;box-shadow:0 10px 24px rgba(79,70,229,.3)}
@media(max-width:1050px){.plan-tool-school-head{grid-template-columns:1fr auto}.plan-tool-current{grid-column:1/-1}.eiqa-supervisor .plan-evaluator.full-page .plan-gate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eiqa-supervisor .plan-evaluator.full-page .plan-dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-tool-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.plan-tool-topbar{grid-template-columns:auto 1fr}.plan-tool-topbar>a:last-child{display:none}.plan-tool-topbar>div{justify-content:flex-start}.plan-tool-topbar small{display:none}.plan-tool-shell{width:min(100% - 18px,1520px);margin-top:10px}.plan-tool-school-head{padding:14px;grid-template-columns:1fr}.plan-tool-school-head nav{display:grid;grid-template-columns:1fr 1fr}.plan-tool-school-head nav a{justify-content:center}.plan-tool-summary{grid-template-columns:1fr 1fr}.eiqa-supervisor .plan-evaluator.full-page .plan-source-form,.eiqa-supervisor .plan-evaluator.full-page .plan-ai-action,.eiqa-supervisor .plan-evaluator.full-page .plan-ai-result,.eiqa-supervisor .plan-evaluator.full-page .plan-rubric-form{margin-left:10px;margin-right:10px}.eiqa-supervisor .plan-evaluator.full-page .plan-source-grid,.eiqa-supervisor .plan-evaluator.full-page .plan-gate-grid,.eiqa-supervisor .plan-evaluator.full-page .plan-dimension-grid,.eiqa-supervisor .plan-evaluator.full-page .plan-writing-grid{grid-template-columns:1fr}.eiqa-supervisor .plan-evaluator.full-page .plan-rubric-list>div{grid-template-columns:1fr}.plan-tool-launch{grid-template-columns:46px 1fr}.plan-tool-launch>a{grid-column:1/-1}.eiqa-supervisor .col-data .plan-tool-launch{grid-template-columns:48px minmax(0,1fr);padding:14px}.eiqa-supervisor .col-data .plan-tool-launch-icon{width:48px;height:48px}}