/* Shared liquid surface tokens provide dark/light and reduced-transparency modes. */
#view-notifications-content .section-header{gap:18px;flex-wrap:wrap}
#view-notifications-content .section-header>div:last-child{flex-wrap:wrap}
#view-notifications-content .notif-card,#gpf-notif-preview{background:var(--gpf-glass-sheen),var(--gpf-glass-fill);border:1px solid var(--gpf-glass-edge);box-shadow:var(--gpf-glass-shadow);backdrop-filter:blur(7px) saturate(135%);-webkit-backdrop-filter:blur(7px) saturate(135%);color:var(--gpf-glass-text);border-radius:20px}
#view-notifications-content .notif-card{padding:20px;gap:14px;margin-bottom:12px}
#view-notifications-content .notif-card>div{min-width:0}
#view-notifications-content .notif-card>div:nth-last-child(2){overflow-wrap:anywhere}
#view-notifications-content .notif-card .notif-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
#view-notifications-content .notif-profile{margin:12px 0;border-top:1px solid var(--gpf-glass-edge);padding-top:12px}
#view-notifications-content .notif-profile summary{cursor:pointer;color:var(--gpf-glass-secondary);font-size:.82rem;padding:8px 0}
#view-notifications-content .notif-profile-inner{padding-top:10px}
#view-notifications-content .notif-card .btn,#gpf-notif-preview button{border-radius:12px;min-height:42px}
#view-notifications-content .notif-card .btn-ghost{background:var(--gpf-glass-inset);border-color:var(--gpf-glass-edge);color:var(--gpf-glass-text)}
#view-notifications-content .notif-checkbox{width:16px;height:16px}
#gpf-notif-preview{position:fixed;z-index:100050;box-sizing:border-box;padding:12px;overflow:auto;overscroll-behavior:contain;background:var(--gpf-glass-sheen),color-mix(in srgb,var(--gpf-glass-solid) 82%,transparent);font-family:inherit}
#gpf-notif-preview[hidden]{display:none!important}
#gpf-notif-preview button{font:inherit;color:inherit;cursor:pointer}
.gpf-notif-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 10px}
.gpf-notif-preview-head button{width:42px;border:1px solid var(--gpf-glass-edge);background:var(--gpf-glass-inset);font-size:22px!important}
.gpf-notif-preview-row{display:flex;width:100%;text-align:left;align-items:flex-start;gap:10px;padding:14px 6px;background:transparent;border:0;border-top:1px solid var(--gpf-glass-edge);border-radius:0!important}
.gpf-notif-preview-row>span:nth-child(2){flex:1;min-width:0}
.gpf-notif-preview-row img,.gpf-notif-preview-avatar{width:36px;height:36px;border-radius:11px;object-fit:cover;flex-shrink:0}
.gpf-notif-preview-avatar{display:grid;place-items:center;background:var(--gpf-glass-inset);border:1px solid var(--gpf-glass-edge)}
.gpf-notif-preview-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:.85rem;line-height:1.5;overflow-wrap:anywhere}
.gpf-notif-preview-row small{display:block;margin-top:5px;font-size:.73rem;color:var(--gpf-glass-secondary)}
.gpf-notif-preview-dot{width:7px;height:7px;border-radius:50%;background:var(--gpf-glass-focus);flex-shrink:0;margin-top:8px}
.gpf-notif-view-all{width:100%;border:1px solid var(--gpf-glass-edge);background:var(--gpf-glass-inset);padding:10px;margin-top:6px}
.gpf-notif-preview-empty{padding:18px 6px;color:var(--gpf-glass-secondary);font-size:.85rem}
#gpf-notif-preview button:hover{background:var(--gpf-glass-inset)}
#gpf-notif-preview :focus-visible{outline:2px solid var(--gpf-glass-focus);outline-offset:2px}
@media(max-width:600px){#view-notifications-content .notif-card{padding:14px;gap:9px}#view-notifications-content .notif-card .btn{min-height:44px}}
@supports not (backdrop-filter:blur(1px)){#view-notifications-content .notif-card,#gpf-notif-preview{background:var(--gpf-glass-solid)}}
@media(prefers-reduced-transparency:reduce){#view-notifications-content .notif-card,#gpf-notif-preview{background:var(--gpf-glass-solid);backdrop-filter:none;-webkit-backdrop-filter:none}}