/* Academic Incharge Role dashboard v208. All selectors are qai-prefixed so
   the existing Home screen and every other role remain visually unchanged. */
@media (max-width:1024px){
  .qai-role{--qai-teal:#087f82;--qai-deep:#075d65;--qai-ink:#0f2550;--qai-soft:#eef8f8;--qai-line:#dce7eb;display:grid;gap:16px;color:var(--qai-ink);padding-bottom:28px}
  .qai-role button{font:inherit;color:inherit}
  .qai-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px}
  .qai-heading small{display:block;color:var(--qai-teal);font-weight:800;letter-spacing:.08em;text-transform:uppercase}
  .qai-heading h2{font-size:clamp(1.25rem,3.6vw,1.8rem);line-height:1.16;margin:4px 0 0}
  .qai-heading>div:last-child{display:flex;align-items:center;gap:12px;white-space:nowrap}
  .qai-heading>div:last-child span{display:flex;gap:6px;align-items:center;font-size:.83rem;font-weight:700}
  .qai-heading>div:last-child b{display:flex;gap:7px;align-items:center;border-radius:999px;background:#e6f7ec;color:#178748;padding:8px 12px;font-size:.76rem;letter-spacing:.05em}
  .qai-heading>div:last-child b i{width:8px;height:8px;border-radius:50%;background:#18a957;box-shadow:0 0 0 4px rgba(24,169,87,.13)}

  .qai-hero{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,.8fr) minmax(260px,1.35fr);align-items:center;gap:22px;padding:24px;border-radius:20px;color:#fff;background:linear-gradient(125deg,#087c82,#075d65 70%,#064851);box-shadow:0 16px 34px rgba(6,86,94,.2);overflow:hidden;position:relative}
  .qai-hero:after{content:"";position:absolute;width:260px;height:260px;border:50px solid rgba(255,255,255,.04);border-radius:50%;right:-120px;top:-130px}
  .qai-exam-date,.qai-hero-stats{position:relative;z-index:1}
  .qai-exam-date{display:grid;gap:9px;padding-right:18px;border-right:1px solid rgba(255,255,255,.25)}
  .qai-exam-date>i{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:rgba(255,255,255,.14);font-size:1.15rem}
  .qai-exam-date small{font-weight:700;color:#d3f3f1}
  .qai-exam-date strong{font-size:clamp(1.1rem,3vw,1.7rem)}
  .qai-exam-date span{justify-self:start;border-radius:999px;background:rgba(255,255,255,.12);padding:8px 12px;font-size:.84rem;font-weight:700}
  .qai-donut,.qai-mini-donut{--qai-progress:0%;position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:conic-gradient(#43c777 var(--qai-progress),rgba(255,255,255,.2) 0)}
  .qai-donut{width:min(185px,100%);margin:auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
  .qai-donut:after,.qai-mini-donut:after{content:"";position:absolute;inset:12px;border-radius:50%;background:#0a6970}
  .qai-donut span,.qai-mini-donut span{position:relative;z-index:1;display:grid;text-align:center;line-height:1.15}
  .qai-donut strong{font-size:2.55rem}.qai-donut small{max-width:105px;font-weight:700;color:#d7f1ef}
  .qai-hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;border-left:1px solid rgba(255,255,255,.25);padding-left:22px}
  .qai-hero-stats>div small{display:block;color:#d2efed}.qai-hero-stats>div strong{display:block;font-size:1.85rem;margin-top:3px}.qai-hero .danger{color:#ff7c7c!important}
  .qai-hero-stats dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:14px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
  .qai-hero-stats dl div{padding:0 10px;border-right:1px solid rgba(255,255,255,.18)}.qai-hero-stats dl div:first-child{padding-left:0}.qai-hero-stats dl div:last-child{border:0}
  .qai-hero-stats dt{font-size:.76rem;color:#d1efed}.qai-hero-stats dd{font-size:1.35rem;font-weight:900;margin:4px 0 0}.qai-hero-stats dd.green{color:#53dc89}.qai-hero-stats dd.amber{color:#ffbb55}.qai-hero-stats dd.red{color:#ff7979}
  .qai-hero-stats p{grid-column:1/-1;margin:0;font-weight:700}.qai-hero-stats p i{margin-right:7px;color:#6de09a}

  .qai-milestones{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--qai-line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,37,80,.06)}
  .qai-milestones article{position:relative;display:flex;align-items:center;justify-content:center;gap:15px;min-height:124px;padding:20px;border-right:1px solid var(--qai-line)}
  .qai-milestones article:last-child{border:0}.qai-milestones article>b{position:absolute;top:-12px;left:50%;translate:-50%;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--qai-deep);color:white;box-shadow:0 0 0 5px white}
  .qai-milestones article>i{font-size:1.5rem;color:var(--qai-deep)}.qai-milestones article span{display:grid;gap:3px}.qai-milestones strong{font-size:.95rem}.qai-milestones em{font-style:normal;font-size:1.12rem;font-weight:900}.qai-milestones small{color:#65758e}

  .qai-syllabus,.qai-analysis-grid>article,.qai-plan{border:1px solid var(--qai-line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,37,80,.055)}
  .qai-syllabus{padding:20px}.qai-syllabus>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px}.qai-syllabus h3{font-size:1.15rem;margin:0}.qai-syllabus header p{margin:5px 0 0;color:#697a92}
  .qai-syllabus header aside{display:flex;align-items:end;gap:8px}.qai-syllabus header aside>small{align-self:center;color:#607189;font-weight:700}.qai-syllabus header aside span{display:grid;text-align:center;min-width:72px;padding:7px 9px;border:1px solid var(--qai-line);border-radius:11px;font-size:.7rem}.qai-syllabus header aside b{font-size:1.02rem;color:var(--qai-teal)}
  .qai-wing{margin-top:15px}.qai-wing h4{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:#174a6f;font-size:.9rem}.qai-wing>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .qai-class-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:94px;padding:13px 14px 18px;border:1px solid #dce6e9;border-radius:13px;background:#fff;text-align:left;cursor:pointer}.qai-class-card:hover{border-color:#63b6b6;box-shadow:0 7px 16px rgba(8,127,130,.09)}
  .qai-class-card>span{display:grid;gap:3px}.qai-class-card small{font-weight:800}.qai-class-card strong{font-size:1.35rem;color:#0c9258}.qai-class-card>i{color:#14506f}.qai-class-card>em{position:absolute;left:10px;right:10px;bottom:8px;height:4px;border-radius:5px;background:#e7ecef;overflow:hidden}.qai-class-card>em i{display:block;height:100%;background:linear-gradient(90deg,#12a56b,#49c47e)}
  .qai-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;padding:4px 8px;border-radius:999px;font-size:.67rem;font-style:normal;font-weight:800}.qai-status.green{background:#e5f7ec;color:#13884b}.qai-status.amber{background:#fff4df;color:#d67600}.qai-status.red{background:#ffe7e7;color:#dc2929}.qai-status.muted{background:#eef1f4;color:#68778b}

  .qai-daily{display:grid;grid-template-columns:auto auto auto auto auto minmax(100px,1fr);align-items:center;gap:12px;padding:16px 20px;border:1px solid var(--qai-line);border-radius:15px;background:#fff}.qai-daily>i{font-size:1.45rem;color:var(--qai-teal)}.qai-daily>strong{font-size:1rem}.qai-daily>b{font-size:1.65rem;color:var(--qai-deep)}.qai-daily>span{color:#566a82}.qai-daily>em{font-style:normal;color:#d93b3b;font-weight:800}.qai-daily>div{height:8px;background:#e8edef;border-radius:9px;overflow:hidden}.qai-daily>div i{display:block;height:100%;background:var(--qai-teal)}
  .qai-analysis-grid{display:grid;grid-template-columns:1fr;gap:14px}.qai-analysis-grid>article{padding:17px;min-width:0}.qai-analysis-grid header{display:flex;align-items:center;gap:9px;margin-bottom:11px}.qai-analysis-grid header i{color:var(--qai-teal)}
  .qai-line-chart svg{width:100%;height:140px;overflow:visible}.qai-line-chart .axis{stroke:#cbd5df;stroke-width:1}.qai-line-chart .line{fill:none;stroke:var(--qai-teal);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.qai-line-chart circle{fill:#fff;stroke:var(--qai-teal);stroke-width:3}.qai-line-chart text{text-anchor:middle;font-size:10px;fill:#1d395f;font-weight:800}.qai-line-chart>div{display:flex;justify-content:space-around;gap:3px}.qai-line-chart>div span{font-size:.67rem;text-align:center;color:#65758e}.qai-line-chart>div span.current{color:var(--qai-teal);font-weight:800}
  .qai-plan{padding:18px 20px}.qai-plan h3{margin:0 0 16px;font-size:1rem}.qai-plan h3 i{margin-right:7px;color:var(--qai-teal)}.qai-plan>div{display:flex;align-items:center;justify-content:space-around;gap:12px}.qai-plan>div>span{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.qai-plan span>i{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--qai-teal);border-radius:50%;color:var(--qai-teal)}.qai-plan span strong{font-size:.9rem}.qai-plan span small{color:#64748b}.qai-plan>div>em{color:#96a5b6}
  .qai-alerts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffd2d2;border-radius:14px;background:#fff1f1}.qai-alerts span{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;column-gap:10px;padding:15px;border-right:1px solid #ffd2d2}.qai-alerts span:last-child{border:0}.qai-alerts i{grid-row:1/3;color:#e13b3b;font-size:1.25rem}.qai-alerts strong{font-size:1.15rem;color:#c71f2f}.qai-alerts small{font-size:.75rem}
  .qai-review{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:17px 20px;border:0;border-radius:14px;color:white!important;background:linear-gradient(100deg,#0a8b8c,#087177);font-size:1.08rem;font-weight:900;box-shadow:0 10px 20px rgba(7,117,122,.18);cursor:pointer}.qai-review span{text-align:left}
  .qai-quick h3{font-size:.92rem;margin:0 0 9px}.qai-quick>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.qai-quick button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;border:1px solid var(--qai-line);border-radius:12px;background:#fff;font-weight:800;cursor:pointer}.qai-quick button i{color:var(--qai-teal)}

  .qai-role[data-qai-wing="kids"]{--qai-teal:#6856d9;--qai-deep:#3e319a;--qai-soft:#f2f0ff}.qai-role[data-qai-wing="kids"] .qai-hero{background:linear-gradient(125deg,#7058d8,#4b3baa 62%,#2e317f)}
  .qai-role[data-qai-wing="junior"]{--qai-teal:#087f82;--qai-deep:#075d65;--qai-soft:#eef8f8}.qai-role[data-qai-wing="junior"] .qai-hero{background:linear-gradient(125deg,#058fa0,#08717d 64%,#07525f)}
  .qai-role[data-qai-wing="senior"]{--qai-teal:#315fa8;--qai-deep:#173c78;--qai-soft:#edf4ff}.qai-role[data-qai-wing="senior"] .qai-hero{background:linear-gradient(125deg,#3167b5,#244f91 62%,#173563)}

  .qai-control{display:grid;gap:15px;padding:19px;border:1px solid var(--qai-line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(15,37,80,.055)}
  .qai-control>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.qai-control>header h3{margin:0;font-size:1.08rem}.qai-control>header h3 i{margin-right:7px;color:var(--qai-teal)}.qai-control>header p{margin:5px 0 0;color:#697a92}.qai-control>header>span{color:#6b7b90;font-size:.72rem;font-weight:700;white-space:nowrap}
  .qai-control-summary{display:grid;grid-template-columns:1fr 1fr;gap:11px}.qai-control-summary article{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 15px;border:1px solid #dce8ed;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#fff)}.qai-control-summary article>span{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;border-radius:13px;background:#e7f2ff;color:#2768be}.qai-control-summary article.homework>span{background:#f0eaff;color:#7049ce}.qai-control-summary article>div{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:10px;min-width:0}.qai-control-summary small{grid-column:1;color:#64748b}.qai-control-summary strong{font-size:1.45rem;color:#173b70}.qai-control-summary em{font-style:normal;color:#6c7d92;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .qai-control-table{overflow:hidden;border:1px solid var(--qai-line);border-radius:14px}.qai-control-columns,.qai-control-row{display:grid;grid-template-columns:minmax(140px,.85fr) minmax(180px,1fr) minmax(190px,1fr) 18px;align-items:center;gap:12px}.qai-control-columns{padding:8px 14px;background:#f5f8fb;color:#68798e;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.qai-control-row{width:100%;padding:12px 14px;border:0;border-top:1px solid var(--qai-line);background:#fff;text-align:left;cursor:pointer}.qai-control-row:hover{background:#f9fcff}.qai-control-class{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:9px}.qai-control-class>i{grid-row:1/3;display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--qai-soft);color:var(--qai-teal)}.qai-control-class strong{font-size:.92rem}.qai-control-class small,.qai-control-state>small{color:#6a7a90;font-size:.68rem}.qai-control-state{display:grid;gap:5px}.qai-control-chip{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;font-size:.69rem;font-weight:800}.qai-control-chip.green{background:#e3f7ea;color:#14874b}.qai-control-chip.amber{background:#fff2d9;color:#c97000}.qai-control-chip.red{background:#ffe6e6;color:#d52b34}.qai-control-chip.muted{background:#edf1f4;color:#6c7a8c}.qai-control-row>i{color:#3f6487;font-size:.75rem}
  .qai-control-sheet{display:grid;gap:14px}.qai-control-sheet-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--qai-line);border-radius:13px}.qai-control-sheet-summary article{display:grid;gap:4px;padding:12px;border-right:1px solid var(--qai-line)}.qai-control-sheet-summary article:last-child{border:0}.qai-control-sheet-summary small{color:#68788d}.qai-control-sheet-summary strong{font-size:1.25rem}.qai-control-sheet-summary .green{color:#118d50}.qai-control-sheet-summary .red{color:#d72f39}.qai-control-sections{display:grid;gap:12px}.qai-control-sections>section{overflow:hidden;border:1px solid var(--qai-line);border-radius:14px}.qai-control-sections>section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#f7fafc}.qai-control-sections h4{margin:0}.qai-control-sections p{margin:3px 0 0;color:#65758b;font-size:.74rem}.qai-period-list{display:grid}.qai-period-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px 14px;border-top:1px solid var(--qai-line)}.qai-period-row>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eaf2fb;color:#285f9e}.qai-period-row>div{display:grid}.qai-period-row small{color:#6b7a90}.qai-period-row>span{display:flex;align-items:center;gap:6px;font-size:.73rem;font-weight:800}.qai-period-row.done>span{color:#14874b}.qai-period-row.missing>span{color:#d52b34}

  .qai-sheet-layer .qcm-sheet{max-width:860px}.qai-sheet-layer .qcm-sheet-content{padding-top:5px}.qai-class-sheet{display:grid;gap:14px}.qai-sheet-kicker{font-weight:900;letter-spacing:.09em;color:var(--qai-teal)}
  .qai-sheet-summary{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--qai-line);border-radius:13px;padding:13px 6px}.qai-sheet-summary>span{display:grid;gap:5px;padding:0 12px;border-right:1px solid var(--qai-line)}.qai-sheet-summary>span:last-child{border:0}.qai-sheet-summary small{color:#61738b}.qai-sheet-summary strong{font-size:1.25rem}.qai-sheet-summary .danger,.qai-subject-detail .danger{color:#d92732}
  .qai-subject-list{border:1px solid var(--qai-line);border-radius:14px;overflow:hidden}.qai-subject-list>button{position:relative;display:grid;grid-template-columns:auto minmax(110px,1fr) auto minmax(80px,.65fr) auto auto;align-items:center;gap:12px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--qai-line);background:#fff;text-align:left;cursor:pointer}.qai-subject-list>button:last-child{border-bottom:0}.qai-subject-list .ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e3f5f3;color:var(--qai-teal)}.qai-subject-list>button>span:nth-child(2){display:grid}.qai-subject-list>button small{color:#64748b}.qai-subject-list>button>b{font-size:1.3rem}.qai-subject-list>button>em{height:6px;background:#e7ecef;border-radius:9px;overflow:hidden}.qai-subject-list>button>em i{display:block;height:100%;background:var(--qai-teal)}
  .qai-sheet-counts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--qai-line);border-radius:13px}.qai-sheet-counts span{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:10px;padding:14px;border-right:1px solid var(--qai-line)}.qai-sheet-counts span:last-child{border:0}.qai-sheet-counts i{grid-row:1/3;font-size:1.4rem;color:#139353}.qai-sheet-counts span:nth-child(2) i{color:#e38a0a}.qai-sheet-counts span:nth-child(3) i{color:#df2e37}.qai-sheet-counts strong{font-size:1.2rem}.qai-sheet-counts small{color:#62748b}
  .qai-sheet-layer .qcm-sheet>footer{display:flex;gap:10px}.qai-sheet-layer .qcm-sheet>footer button{flex:1}.qai-sheet-layer .qcm-secondary{border:1px solid var(--qai-teal);border-radius:10px;background:#fff;color:var(--qai-teal);font-weight:800;padding:12px}
  .qai-subject-detail{display:grid;gap:16px}.qai-subject-detail>section{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--qai-line);border-radius:12px}.qai-subject-detail>section span{display:grid;padding:12px;border-right:1px solid var(--qai-line)}.qai-subject-detail>section span:last-child{border:0}.qai-subject-detail>section small{color:#66768c}.qai-subject-detail>section strong{font-size:1.25rem}.qai-subject-detail h4{margin:0}
  .qai-chapter-list{display:grid;gap:9px}.qai-chapter-list article{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid var(--qai-line);border-radius:11px}.qai-chapter-list article div{display:grid}.qai-chapter-list article small{color:#6a7a8f}.qai-chapter-list article>b{font-size:1.05rem}.qai-chapter-list article>span{grid-column:1/-1;height:5px;background:#e7ecef;border-radius:8px;overflow:hidden}.qai-chapter-list article>span i{display:block;height:100%;background:var(--qai-teal)}
}

@media (max-width:720px){
  .qai-role{gap:10px;min-width:0;overflow:hidden;padding-bottom:18px}.qai-role>*,.qai-role section,.qai-role article{box-sizing:border-box;min-width:0}
  .qai-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 2px}.qai-heading small{font-size:.63rem;letter-spacing:.07em}.qai-heading h2{margin-top:2px;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qai-heading>div:last-child{gap:6px}.qai-heading>div:last-child span{display:flex;font-size:.61rem}.qai-heading>div:last-child b{gap:5px;padding:6px 8px;font-size:.59rem}.qai-heading>div:last-child b i{width:6px;height:6px;box-shadow:0 0 0 3px rgba(24,169,87,.13)}
  .qai-hero{grid-template-columns:minmax(76px,.82fr) minmax(86px,.72fr) minmax(128px,1.36fr);min-height:190px;padding:13px 11px;gap:8px;border-radius:15px}.qai-hero:after{width:170px;height:170px;border-width:32px;right:-88px;top:-94px}.qai-exam-date{gap:6px;border-right:1px solid rgba(255,255,255,.25);padding:0 7px 0 0}.qai-exam-date>i{width:31px;height:31px;border-radius:9px;font-size:.88rem}.qai-exam-date small{font-size:.58rem;line-height:1.2}.qai-exam-date strong{font-size:.84rem;line-height:1.18}.qai-exam-date span{padding:5px 6px;font-size:.57rem;white-space:nowrap}.qai-donut{width:88px}.qai-donut:after{inset:7px}.qai-donut strong{font-size:1.42rem}.qai-donut small{max-width:67px;font-size:.48rem;line-height:1.12}.qai-hero-stats{grid-column:auto;grid-template-columns:1fr 1fr;gap:5px 7px;border-top:0;border-left:1px solid rgba(255,255,255,.25);padding:0 0 0 8px}.qai-hero-stats>div small{font-size:.55rem;line-height:1.1}.qai-hero-stats>div strong{font-size:1.03rem;margin-top:2px}.qai-hero-stats dl{gap:0;padding:7px 0}.qai-hero-stats dl div{min-width:0;padding:0 3px}.qai-hero-stats dt{font-size:.46rem;line-height:1.08;white-space:normal}.qai-hero-stats dd{font-size:.74rem;margin-top:3px}.qai-hero-stats p{max-height:2.5em;overflow:hidden;font-size:.55rem;line-height:1.22}.qai-hero-stats p i{margin-right:4px}
  .qai-milestones{border-radius:14px}.qai-milestones article{display:grid;text-align:center;gap:3px;min-height:98px;padding:13px 5px}.qai-milestones article>b{top:-10px;width:24px;height:24px;font-size:.75rem}.qai-milestones article>i{font-size:1rem}.qai-milestones strong{font-size:.68rem;line-height:1.16}.qai-milestones em{font-size:.76rem}.qai-milestones small{font-size:.55rem}
  .qai-syllabus{padding:13px}.qai-syllabus>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.qai-syllabus h3{font-size:.9rem}.qai-syllabus header p{font-size:.65rem}.qai-syllabus header aside{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));width:auto;gap:4px}.qai-syllabus header aside>small{grid-column:1/-1;text-align:center;font-size:.58rem}.qai-syllabus header aside span{min-width:0;padding:5px 4px;font-size:.55rem}.qai-syllabus header aside b{font-size:.8rem}.qai-wing{margin-top:11px}.qai-wing h4{font-size:.75rem;margin-bottom:6px}.qai-wing>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.qai-class-card{gap:4px;min-height:80px;padding:9px 7px 15px}.qai-class-card small{font-size:.63rem}.qai-class-card strong{font-size:1.05rem}.qai-class-card>i{font-size:.65rem}.qai-status{padding:3px 5px;font-size:.52rem}.qai-class-card>em{left:7px;right:7px;bottom:6px;height:3px}
  .qai-daily{grid-template-columns:auto 1fr auto auto;gap:8px;padding:13px}.qai-daily>span{display:none}.qai-daily>em{font-size:.75rem}.qai-daily>div{grid-column:1/-1}
  .qai-analysis-grid{grid-template-columns:1fr;gap:8px}.qai-analysis-grid>article{padding:11px}.qai-analysis-grid header{gap:5px;font-size:.7rem}.qai-line-chart svg{height:100px}.qai-plan>div{overflow:auto;justify-content:flex-start;padding-bottom:3px}.qai-plan>div>span{min-width:112px}.qai-alerts span{padding:12px 5px;column-gap:6px}.qai-alerts i{font-size:1rem}.qai-alerts strong{font-size:1rem}.qai-alerts small{font-size:.6rem}.qai-quick>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.qai-quick button{flex-direction:column;gap:4px;min-height:58px;padding:5px 3px;font-size:.6rem;text-align:center}
  .qai-control{gap:10px;padding:12px}.qai-control>header h3{font-size:.84rem}.qai-control>header p{font-size:.61rem;line-height:1.3}.qai-control>header>span{font-size:.55rem}.qai-control-summary{gap:7px}.qai-control-summary article{gap:7px;padding:9px}.qai-control-summary article>span{width:32px;height:32px;border-radius:9px;font-size:.78rem}.qai-control-summary article>div{display:grid;grid-template-columns:1fr}.qai-control-summary small{font-size:.57rem}.qai-control-summary strong{font-size:1rem}.qai-control-summary em{font-size:.52rem}.qai-control-columns{display:none}.qai-control-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;padding:10px;border-top:1px solid var(--qai-line)}.qai-control-row:first-of-type{border-top:0}.qai-control-class{grid-column:1/3}.qai-control-class>i{width:31px;height:31px;border-radius:9px;font-size:.72rem}.qai-control-class strong{font-size:.75rem}.qai-control-class small,.qai-control-state>small{font-size:.55rem}.qai-control-row>.qai-control-state:nth-child(2){grid-column:1}.qai-control-row>.qai-control-state:nth-child(3){grid-column:2}.qai-control-row>i{grid-column:3;grid-row:1}.qai-control-chip{padding:4px 6px;font-size:.55rem}.qai-control-sheet-summary{grid-template-columns:repeat(2,1fr)}.qai-control-sheet-summary article:nth-child(2){border-right:0}.qai-control-sheet-summary article:nth-child(-n+2){border-bottom:1px solid var(--qai-line)}.qai-control-sheet-summary article{padding:9px}.qai-control-sections>section>header{align-items:flex-start;padding:10px}.qai-control-sections p{font-size:.59rem}.qai-period-row{grid-template-columns:auto 1fr;padding:9px 10px}.qai-period-row>b{width:29px;height:29px;font-size:.66rem}.qai-period-row strong{font-size:.72rem}.qai-period-row small{font-size:.56rem}.qai-period-row>span{grid-column:2;font-size:.58rem}
  .qai-sheet-summary{grid-template-columns:repeat(2,1fr)}.qai-sheet-summary>span:nth-child(2){border-right:0}.qai-sheet-summary>span:nth-child(-n+2){padding-bottom:10px;border-bottom:1px solid var(--qai-line)}.qai-sheet-summary>span:nth-child(n+3){padding-top:10px}.qai-subject-list>button{grid-template-columns:auto 1fr auto auto}.qai-subject-list>button>em{grid-column:2/4;width:100%}.qai-subject-list>button>.qai-status{grid-column:2}.qai-subject-list>button>i:last-child{grid-column:4;grid-row:1}.qai-sheet-counts span{padding:10px 4px;column-gap:5px}.qai-sheet-counts i{font-size:1rem}.qai-sheet-counts strong{font-size:1rem}.qai-sheet-counts small{font-size:.58rem}.qai-sheet-layer .qcm-sheet>footer{display:grid}
}

@media (max-width:390px){
  .qai-heading>div:last-child span{font-size:.54rem}.qai-heading>div:last-child b{padding:5px 6px}.qai-hero{grid-template-columns:minmax(70px,.8fr) minmax(77px,.7fr) minmax(116px,1.35fr);padding-inline:9px;gap:6px}.qai-donut{width:78px}.qai-exam-date{padding-right:5px}.qai-hero-stats{padding-left:6px}.qai-syllabus{padding-inline:10px}.qai-wing>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.qai-class-card{padding-inline:6px}.qai-alerts small{font-size:.52rem}.qai-review{font-size:.9rem}
}

@media (max-width:340px){
  .qai-heading>div:last-child span{display:none}.qai-hero{grid-template-columns:70px 72px minmax(105px,1fr);padding-inline:7px;gap:4px}.qai-donut{width:72px}.qai-wing>div{grid-template-columns:repeat(2,minmax(0,1fr))}.qai-analysis-grid{grid-template-columns:1fr}.qai-quick>div{grid-template-columns:repeat(2,1fr)}
}