/* Oficina Portátil V75.49 — Notificações V2
   O material do popup vem de .op-appearance-popover. Aqui só há geometria/conteúdo. */
/* Legacy notification UI is retired. The React bundle can still create its shell,
   but it never participates in layout or interaction. */
.top-actions > .notification-center:not(.notification-portal-host),
.notification-center.notification-portal-host{display:none!important;}


.op-notifications-v2-trigger{position:relative!important;display:grid!important}
.op-notifications-v2-trigger .op-nv2-dot{position:absolute;top:8px;right:8px;width:9px;height:9px;border-radius:999px;background:var(--accent);border:2px solid color-mix(in srgb,var(--panel-solid) 88%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.op-notifications-v2-popover{z-index:100120!important;width:min(430px,calc(100vw - 24px))!important;padding:0!important;max-height:min(620px,calc(100dvh - 30px));overflow:hidden!important;transform-origin:top right}
.op-notifications-v2-popover .op-nv2-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 20px 16px;border-bottom:1px solid var(--line)}
.op-notifications-v2-popover .op-nv2-head>span{display:grid;gap:2px}.op-notifications-v2-popover .op-nv2-head strong{font-size:21px;color:var(--text)}.op-notifications-v2-popover .op-nv2-head small{font-size:13px;color:var(--muted)}
.op-nv2-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.op-nv2-actions button{min-height:30px;border:1px solid var(--line);border-radius:10px;padding:0 9px;background:color-mix(in srgb,var(--panel-solid) 18%,transparent);color:var(--text);font-size:11px;font-weight:800}.op-nv2-actions .op-nv2-clear{color:#d65353}
.op-nv2-list{display:grid;max-height:min(500px,calc(100dvh - 155px));overflow:auto;overscroll-behavior:contain;padding:7px}
.op-nv2-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;width:100%;text-align:left;border:0;border-radius:14px;padding:11px;background:transparent;color:var(--text)}.op-nv2-item:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.op-nv2-item.unread{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.op-nv2-avatar,.op-nv2-symbol{width:42px;height:42px;border-radius:13px;object-fit:cover;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.op-nv2-symbol svg{width:21px;height:21px}
.op-nv2-copy{display:grid;gap:3px;min-width:0}.op-nv2-copy strong{font-size:14px;color:var(--text)}.op-nv2-copy small{font-size:12px;color:var(--muted);line-height:1.35}.op-nv2-copy time{font-size:10px;color:var(--muted);opacity:.82}
.op-nv2-empty{min-height:210px;display:grid;place-items:center;text-align:center;padding:28px;color:var(--muted);font-size:16px}
@media(max-width:520px){.op-notifications-v2-trigger{display:grid!important}.op-notifications-v2-popover{width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)}.op-notifications-v2-popover .op-nv2-head{padding:17px 16px 13px}.op-nv2-actions{width:100%;justify-content:flex-start}.op-nv2-list{max-height:calc(100dvh - 190px)}}