/* Compact notifications across desktop and mobile dashboards. */
button.notif-bell{font:inherit;border:0;background:transparent;min-height:44px;min-width:44px}
.notification-panel[hidden],.first-lesson-attention[hidden]{display:none!important}
.notification-panel{position:absolute;right:12px;top:calc(100% + 6px);width:min(420px,calc(100vw - 24px));max-height:70dvh;overflow:auto;overscroll-behavior:contain;background:var(--paper,#fff);color:var(--lm-ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px #17324d24;z-index:35;overflow-wrap:anywhere}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;gap:12px;border-bottom:1px solid var(--line)}
.notification-panel-head b{font-size:16px}
.notification-panel-head button{font:inherit;font-size:14px;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--lm-green-dark);cursor:pointer}
.notification-status,.notification-empty{margin:0;padding:10px 16px;font-size:12px;line-height:1.7;color:var(--lm-muted)}
.notification-status:empty{display:none}
.notification-entry{display:grid;gap:6px;padding:14px 16px;min-height:44px;border-bottom:1px solid var(--line);color:var(--lm-ink);text-decoration:none}
.notification-entry.is-unread{background:var(--lm-mint)}
.notification-entry b{font-size:14px;line-height:1.65}
.notification-entry span{font-size:13px;line-height:1.7}
.notification-entry small{display:inline-block;margin-right:8px;color:var(--lm-green-dark);font-size:11px}
.notification-entry time{font-size:12px;color:var(--lm-muted)}
.notification-entry:focus-visible,.notification-schedule-link:focus-visible{outline:3px solid var(--lm-green);outline-offset:-3px}
.notification-schedule-link{display:flex;align-items:center;min-height:44px;padding:12px 16px;color:var(--lm-green-dark);font-weight:700;font-size:14px}
.first-lesson-attention{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:20px clamp(14px,3vw,44px) 0;padding:16px 20px;border:1px solid var(--lm-green);background:var(--lm-mint);border-radius:8px}
.first-lesson-attention div{min-width:0;flex:1 1 240px}
.first-lesson-attention b{display:block;font-size:15px;line-height:1.7}
.first-lesson-attention span{display:block;font-size:13px;line-height:1.7;color:var(--lm-muted)}
.first-lesson-attention a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:6px;background:var(--lm-green);color:#fff;font-size:14px;font-weight:700;text-decoration:none}