.notification-menu{position:relative}.notification-menu>summary{list-style:none;cursor:pointer;padding:8px 10px;border-radius:9px;color:#fff}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu>summary span{display:inline-grid;min-width:20px;height:20px;padding:0 5px;place-items:center;border-radius:99px;background:#d14d45;font-size:11px;font-weight:900}.notification-dropdown{position:absolute;right:0;top:44px;width:min(420px,calc(100vw - 28px));padding:16px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px rgba(10,30,26,.24)}.notification-dropdown>strong{display:block;margin-bottom:10px;font:700 18px Georgia,serif}.notification-preview{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.notification-preview>a:first-child{color:inherit;text-decoration:none}.notification-preview small{display:block;color:var(--muted);margin-top:3px}.notification-preview .btn{padding:6px 9px;font-size:12px}.notification-journal-link{display:block;padding-top:12px;border-top:1px solid var(--line);color:var(--brand);font-weight:800;text-decoration:none}.notification-empty{padding:12px 0}.notification-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px;padding:7px max(24px,calc((100vw - 1280px)/2));background:#fff3d5;border-bottom:1px solid #e7ca7d;font-size:13px}.notification-banner>div,.notification-banner form{display:flex;align-items:center;gap:12px;margin:0}.notification-banner a,.notification-banner button{border:0;background:none;color:#6e4d00;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline}.notification-banner button[aria-label]{font-size:20px;text-decoration:none}.notification-banner.severity-error,.notification-banner.severity-action_required{background:#fde7e2;border-color:#e4aaa1}.notification-filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;align-items:end}.notification-filters label{font-size:12px;color:var(--muted)}.notification-filters .notification-search{grid-column:span 3}.notification-event-row{cursor:pointer}.notification-event-row:hover td{background:#f8faf9}.notification-event-row.is-expanded td{background:#f4f8f6;border-bottom:0}.notification-event-toggle{display:flex;align-items:flex-start;gap:8px;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.notification-event-toggle>span{flex:none;transition:transform .15s ease}.notification-event-toggle[aria-expanded=true]>span{transform:rotate(90deg)}.notification-event-toggle:focus-visible{outline:3px solid rgba(23,107,91,.2);outline-offset:4px;border-radius:3px}.notification-detail-row>td{padding:0 24px 22px;background:#f4f8f6}.notification-detail{width:100%;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.notification-detail>p:first-child{margin-top:0;font-size:16px}.notification-detail dl{grid-template-columns:160px minmax(0,1fr)}.notification-detail details>summary{cursor:pointer}.notification-detail pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}.notification-table tr.severity-action_required td:first-child,.notification-table tr.severity-error td:first-child{border-left:4px solid var(--danger)}.notification-table tr.severity-warning td:first-child{border-left:4px solid #d2a347}.link-button{padding:0;border:0;background:none;color:var(--brand);font:inherit;font-weight:800;cursor:pointer}.pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}@media(max-width:850px){.notification-filters{grid-template-columns:1fr 1fr}.notification-filters .notification-search{grid-column:span 2}.notification-banner{align-items:flex-start;padding:8px 14px}.notification-banner>div{min-width:0}.notification-detail dl{grid-template-columns:130px minmax(0,1fr)}}
.notification-banner {
  flex-wrap: wrap;
  gap: 10px 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.notification-banner > span {
  flex: 1 1 320px;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.notification-banner > div {
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 8px 12px;
  min-width: 0;
  max-width: 100%;
}
.notification-banner form {
  min-width: 0;
  max-width: 100%;
}
.notification-banner a,
.notification-banner button {
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width: 850px) {
  .notification-banner > div { flex: 0 1 auto; }
}
@media (max-width: 520px) {
  .notification-banner > span { flex-basis: 100%; }
  .notification-banner > div { width: 100%;justify-content: space-between; }
}

.notification-dropdown { z-index: 110; }
.notification-dropdown-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px; }
.notification-dropdown-head > strong { font:700 18px Georgia,serif; }
.notification-dropdown-close { display:none;width:38px;height:38px;padding:0;border:0;border-radius:8px;background:#edf2f0;color:var(--ink);font:700 24px/1 Arial,sans-serif;cursor:pointer; }
.notification-preview { grid-template-columns:minmax(0,1fr) auto; }
.notification-preview > a:first-child { min-width:0;overflow-wrap:anywhere; }

@media (max-width: 850px) {
  .notification-menu { position:static; }
  .notification-dropdown {
    position:fixed;
    top:calc(var(--topbar-offset) + 8px);
    right:14px;
    left:14px;
    width:auto;
    max-height:calc(100dvh - var(--topbar-offset) - 22px);
    padding:14px;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .notification-dropdown-close { display:grid;place-items:center;flex:none; }
  .notification-preview { grid-template-columns:minmax(0,1fr); }
  .notification-preview form,
  .notification-preview > .btn { justify-self:start; }
}