/* LeadVolt inbox: existing palette and fonts; no delivery or audio behavior. */
#notes.lv-notification-centre{box-sizing:border-box;display:flex;flex-direction:column;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--top-h,64px) - env(safe-area-inset-top,0px) - 24px);padding:0;overflow:hidden;background:var(--card,#fff);color:var(--ink,#1a1f2c);border:1px solid var(--line,#e6e9f0);border-radius:18px;box-shadow:var(--sh-3,0 16px 44px #182c4d24);animation:lvNotificationOpen .16s ease-out}
#notes.lv-notification-centre[hidden]{display:none}
#notes.lv-notification-centre>.lv-notifications-header,#notes.lv-notification-centre>.lv-notification-footer{flex-shrink:0}
#notes.lv-notification-centre>.lv-notification-settings{flex-shrink:0;max-height:min(220px,36dvh);overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}
.lv-notification-centre{font-family:inherit;background:var(--card,#fff);color:var(--ink,#1a1f2c);border:1px solid var(--line,#e6e9f0);border-radius:18px;overflow:hidden}
.lv-notification-centre .lv-notifications-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:10px 14px;border-bottom:1px solid var(--line,#e6e9f0);font-size:15px;line-height:1.4;font-weight:600}
.lv-notification-heading,.lv-notification-header-actions{display:flex;align-items:center;gap:7px;min-width:0}
.lv-notification-count{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;box-sizing:border-box;border-radius:7px;background:var(--blue-100,#edf4ff);color:var(--blue,#096be9);font-size:11px;font-variant-numeric:tabular-nums}
.lv-notification-centre .lv-notifications-header button{min-height:44px;border:0;background:transparent;border-radius:9px;color:var(--blue,#096be9);font:inherit;font-size:12px;cursor:pointer;padding:0 8px;white-space:nowrap}
.lv-notification-centre .lv-notifications-header .lv-notification-close{width:36px;padding:0;font-size:25px;font-weight:400;color:var(--muted,#8a91a2)}
.lv-notification-centre .lv-notifications-header button:disabled{color:var(--muted,#8a91a2);cursor:default;opacity:.7}
.lv-notification-list{flex:1 1 auto;max-height:min(510px,calc(100dvh - 250px));min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain;scrollbar-width:thin;padding:0 7px 7px}
.lv-notification-date{margin:0;padding:13px 9px 6px;color:var(--muted,#7c8598);font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.025em}
.lv-notification-centre .lv-notification-row{display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;width:100%;min-height:88px;margin:3px 0;padding:12px 9px;border:1px solid transparent;border-radius:12px;background:var(--blue-50,#f1f6ff);color:var(--body,#4b5263);font:inherit;font-size:12px;line-height:1.5;text-align:left;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,transform .1s ease}
.lv-notification-centre .lv-notification-row.read{background:transparent}
.lv-notification-centre .lv-notification-row.unavailable{background:var(--chip,#f3f5f9)}
.lv-notification-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border:1px solid #dce8fb;border-radius:11px;background:#edf4ff;color:#096be9}
.lv-notification-icon svg{display:block;width:18px;height:18px}
.lv-notification-icon[data-event=callback]{background:#fff2eb;border-color:#ffe1d1;color:#bd5728}
.lv-notification-icon[data-event=attendance]{background:#eaf8f2;border-color:#d1efdf;color:#15805c}
.lv-notification-icon[data-event=motivation]{background:#f2eefe;border-color:#e5dcfb;color:#7e56b3}
.lv-notification-icon[data-event=overdue]{background:#fff0f1;border-color:#ffdfe2;color:#c33a49}
.lv-notification-icon[data-event=test]{background:var(--chip,#f3f5f9);border-color:var(--line,#e6e9f0);color:var(--body,#4b5263)}
.lv-notification-content{display:flex;flex:1;flex-direction:column;min-width:0;gap:2px}
.lv-notification-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.lv-notification-event{font-size:10px;font-weight:600;color:var(--muted,#7c8598);letter-spacing:.015em}
.lv-notification-time{font-size:10px;color:var(--muted,#7c8598);white-space:nowrap;font-variant-numeric:tabular-nums}
.lv-notification-centre .lv-notification-title{display:block;color:var(--ink,#1a1f2c);font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.lv-notification-body{display:block;font-size:12px;line-height:1.55;overflow-wrap:anywhere;white-space:normal}
.lv-notification-action{display:inline-block;align-self:flex-start;margin-top:5px;color:var(--blue,#096be9);font-size:11px;font-weight:600}
.lv-notification-action::after{content:' →'}
.lv-notification-unavailable{font-size:11px;color:var(--muted,#7c8598);margin-top:5px}
.lv-notification-centre .lv-notification-row .nd{flex:none;width:6px;height:6px;margin-top:8px;background:var(--blue,#096be9);border-radius:50%}
.lv-notification-centre .lv-notification-row.read .nd,.lv-notification-centre .lv-notification-row.unavailable .nd{background:transparent}
.lv-notification-centre .lv-notification-row .st{display:none}
.lv-notification-footer{display:flex;justify-content:space-between;gap:8px;padding:10px 15px;border-top:1px solid var(--line,#e6e9f0);color:var(--muted,#7c8598);font-size:10px;line-height:1.5}
.lv-notification-settings{border-top:1px solid var(--line,#e6e9f0);padding:0 14px 12px;font-size:11px;line-height:1.6;color:var(--body,#4b5263)}
.lv-notification-settings summary{min-height:44px;display:list-item;align-content:center;cursor:pointer;color:var(--body,#4b5263);font-size:12px;font-weight:500;list-style-position:inside}
.lv-notification-settings>p{margin:0 0 9px;font-size:11px}
.lv-notification-settings>div{display:flex;flex-wrap:wrap;gap:6px}
.lv-notification-settings button{min-height:44px;height:auto;padding:7px 9px;font:inherit;font-size:11px;line-height:1.4;border:1px solid var(--line,#e6e9f0);border-radius:9px;background:var(--card,#fff);color:var(--body,#4b5263);cursor:pointer}
.lv-notification-settings button:disabled{opacity:.5;cursor:default}
.lv-notification-settings #lvSoundStatus{flex-basis:100%;margin:3px 0 0;color:var(--muted,#7c8598);font-size:10px;line-height:1.6}
.lv-notification-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:34px 18px 30px}
.lv-notification-empty>.lv-notification-icon{width:42px;height:42px;border-radius:14px}
.lv-notification-empty>b{font-size:14px;font-weight:600}.lv-notification-empty>p{max-width:240px;margin:0;font-size:12px;color:var(--muted,#7c8598);line-height:1.6}
.lv-notification-preview-label{margin:0;padding:8px 14px;background:#edf4ff;color:#225ea8;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.025em}
.lv-notification-centre :is(button,summary):focus-visible{outline:2px solid var(--blue,#096be9);outline-offset:-3px}
@media(hover:hover) and (pointer:fine){.lv-notification-centre .lv-notification-row:hover{background:var(--chip,#f3f5f9);border-color:var(--line,#e6e9f0)}.lv-notification-centre .lv-notifications-header button:not(:disabled):hover{background:var(--chip,#f3f5f9)}}
.lv-notification-centre .lv-notification-row:active{transform:scale(.995)}
@keyframes lvNotificationOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#notes.lv-notification-centre{position:fixed;top:calc(var(--top-h,64px) + env(safe-area-inset-top,0px) + 6px);left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - var(--top-h,64px) - env(safe-area-inset-top,0px) - 88px);border-radius:16px}.lv-notification-list{max-height:calc(100dvh - var(--top-h,64px) - env(safe-area-inset-top,0px) - 242px)}.lv-notification-centre .lv-notifications-header{padding:7px 11px;font-size:14px}.lv-notification-centre .lv-notification-row{min-height:96px;padding:12px 8px}.lv-notification-centre .lv-notification-title{font-size:13px}.lv-notification-body{font-size:12px}.lv-notification-settings{max-height:220px;overflow-y:auto;overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){#notes.lv-notification-centre,.lv-notification-centre *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.lv-notification-centre .lv-notification-row:active{transform:none}}