.academic-tools{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.academic-tools button.active{background:#173c67;color:white}.academic-calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.academic-month{padding:.7rem;border:1px solid #cbd5e1;border-radius:14px;background:white}.academic-month h3{margin:.2rem 0 .7rem;text-transform:capitalize}.academic-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem}.academic-days span{text-align:center;font-size:.85rem}.academic-days button{padding:.35rem 0;font-size:.875rem;min-width:0;border:0;border-radius:6px;background:#edf3fa;color:#173c67}.academic-days button.has-evaluation{background:#ffd35b;font-weight:800}.academic-days button.selected{outline:3px solid #173c67}.academic-scroll{overflow:auto;margin:1rem 0}.academic-table{border-collapse:collapse;min-width:600px;width:100%;font-size:1rem}.academic-table th,.academic-table td{padding:.65rem;border-bottom:1px solid #d5dfeb;text-align:left;vertical-align:top}.academic-table input,.academic-table select,.academic-table textarea{min-width:95px;width:100%;font-size:1rem}.academic-table textarea{min-width:180px}.student-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #d5dfeb;padding:1rem 0}.student-card small{display:block}.notice-bell{position:relative;border:1px solid #ccd9e8;border-radius:12px;padding:.5rem;font-size:.95rem;background:white;color:#173c67}.notice-bell.has-unread{background:#ffd35b;font-weight:800}.notification-panel{position:fixed;z-index:150;top:75px;right:1rem;max-height:75vh;overflow:auto;width:min(430px,calc(100vw - 2rem));box-shadow:0 12px 40px #173c673b;background:white;border:2px solid #173c67;border-radius:16px;padding:1rem}.notification-panel button{display:block;text-align:left;margin:.4rem 0;width:100%}.demo-bar{padding:.75rem;background:#eaf3ff;border:1px solid #b3cbe8;border-radius:12px;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.recipient-list{max-height:250px;overflow:auto}.recipient-list label{display:block;padding:.4rem}.academic-results-status{color:#173c67;font-weight:700}@media(max-width:850px){.academic-calendar{grid-template-columns:repeat(2,minmax(0,1fr))}header{flex-wrap:wrap}.student-card{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.academic-calendar{grid-template-columns:1fr}.notification-panel{top:110px}}
