.dock-panel[data-panel="notify"] {
    --dock-panel-width: 400px;
    --dock-panel-pad: 20px;
    padding: var(--dock-panel-pad);
}

.notify-panel__title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 600;
}

.notify-panel__empty {
    margin: 0;
    line-height: 1.5;
}

[data-dock-view="notify"] { position:relative; }
[data-dock-view="notify"].has-unread::after { content:""; position:absolute; width:7px; height:7px; right:7px; top:7px; border-radius:50%; background:var(--color-accent); box-shadow:0 0 6px var(--color-accent); animation:notify-blink 1.4s ease-in-out infinite; }
@keyframes notify-blink { 50% { opacity:.25; } }
@media(prefers-reduced-motion:reduce) { [data-dock-view="notify"].has-unread::after { animation:none; } }
.notify-panel__row { padding:8px 0; font-size:12px; line-height:1.6; }
.notify-panel__row a { text-decoration:none; }
.notify-panel__empty { text-align:center; font-size:12px; color:var(--color-text-muted); padding:20px 0; }
[data-notify-permission] { border:0; border-radius:10px; padding:8px 12px; background:var(--color-hover); color:var(--color-ink); font:inherit; font-size:12px; cursor:pointer; margin-bottom:8px; }
[data-notifications] { max-height:50vh; overflow:auto; }

.notify-panel__row { font-size:14px; }
.notify-panel__destination { color:var(--color-ink); }
.notify-panel__destination:hover { text-decoration:none; }

.notify-panel__row { display:flex; align-items:baseline; gap:8px; }
.notify-panel__row > .tag { flex:none; }
.notify-panel__destination,
.notify-panel__destination:hover,
.notify-panel__destination:focus { text-decoration:none; }

.notify-panel__quote { display:block; color:var(--color-ink); margin-bottom:4px; white-space:pre-wrap; overflow-wrap:anywhere; max-height:4.5em; overflow:hidden; }
.notify-panel__destination { min-width:0; overflow-wrap:anywhere; white-space:pre-wrap; }
[data-notify-create], [data-notify-compose] button { border:0; border-radius:10px; padding:8px 12px; background:var(--color-hover); color:var(--color-ink); font:inherit; font-size:12px; cursor:pointer; }
[data-notify-create] { margin-top:16px; }
[data-notify-compose] { margin-top:16px; }
[data-notify-compose] textarea { box-sizing:border-box; }
[data-notify-compose] > div { display:flex; gap:8px; margin-top:8px; }
[data-notify-compose][hidden], [data-notify-create][hidden] { display:none; }

[data-notify-create] { display:block; width:100%; box-sizing:border-box; }

[data-notify-compose] > div { justify-content:flex-end; margin-top:var(--dock-panel-pad, 20px); }
[data-notify-status]:empty { display:none; }
[data-notify-status] { margin:8px 0 0; }