.coral-notification-menu {
  --ink:var(--coral-ink); --moss:var(--coral-link); --sage:var(--coral-muted);
  --pale-sage:var(--coral-border); --surface:var(--coral-surface); --mist:var(--coral-pale); --rust:var(--coral-rust);
}
.coral-notification-menu [hidden],.reef-reminders [hidden] {display:none!important}
.coral-notification-menu .notification-button svg {width:20px;height:20px}
.coral-notification-menu .notification-panel {box-sizing:border-box;overflow-wrap:anywhere}
.reef-reminders {padding:20px;border:1px solid var(--coral-border);border-radius:16px;background:var(--coral-surface);color:var(--coral-ink);margin-top:16px}
.reef-reminders h3,.reef-reminders h4 {margin:0;font-family:inherit;color:var(--coral-ink)}
.reef-reminders h3 {display:flex;align-items:center;gap:8px}
.reef-reminders-header,.reef-reminder-actions {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.reef-reminders-header p,.reef-reminder-meta {font-size:.85rem;color:var(--coral-muted);margin:6px 0}
.reef-reminder-list {list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}
.reef-reminder-card {padding:16px;border:1px solid var(--coral-border);border-radius:12px;background:var(--coral-bg);overflow-wrap:anywhere}
.reef-reminder-card h4 {display:flex;align-items:center;gap:8px;font-size:1rem}
.reef-reminder-card h4 svg {color:var(--coral-link);width:20px;height:20px;flex:none}
.reef-reminder-card[data-due="true"] {border-left:4px solid var(--coral-rust)}
.reef-reminder-actions {justify-content:flex-start;margin-top:12px}
.reef-reminder-actions button {min-height:44px;font-size:.82rem}
.reef-reminder-form {padding:16px;margin-top:16px;border:1px solid var(--coral-border);border-radius:12px;background:var(--coral-bg)}
.reef-reminder-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}
.reef-reminder-fields label {display:flex;flex-direction:column;gap:6px;font-size:.85rem;min-width:0}
.reef-reminder-fields input,.reef-reminder-fields select,.reef-reminder-fields textarea {box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border:1px solid var(--coral-border);border-radius:9px;background:var(--coral-surface);color:var(--coral-ink);font:inherit}
.reef-reminder-fields textarea {resize:vertical}
.reef-reminder-fields .reef-full {grid-column:1/-1}
.reef-reminders :focus-visible {outline:2px solid var(--coral-link);outline-offset:3px}
.reef-reminder-status {color:var(--coral-muted);margin:12px 0;overflow-wrap:anywhere}
.reef-reminder-status[role="alert"] {color:var(--coral-rust)}
@media(max-width:640px){
 .coral-notification-menu .notification-panel {position:fixed;left:12px;right:12px;top:100px;width:auto;max-height:calc(100dvh - 130px)}
 .reef-reminders {padding:14px}
 .reef-reminder-fields {grid-template-columns:1fr}
 .reef-reminder-actions button {flex:1 1 auto}
}