/* developers-halpas-notifications-v7/notifications.css */
.notification-nav { display:flex!important; justify-content:space-between; align-items:center; }
.notification-badge { display:inline-grid; min-width:20px; height:20px; padding:0 5px; border-radius:10px; background:#168653; color:#fff; font:9px 'DM Mono',monospace; place-items:center; }
.notification-head { display:flex; justify-content:space-between; align-items:flex-end; max-width:none; gap:30px; }
.notification-head>div { max-width:850px; }
.notification-summary { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:14px; padding:14px 18px; background:#111; color:#fff; }
.notification-summary>span { display:flex; align-items:center; gap:8px; font-size:11px; }
.notification-summary small { color:#aaa; }
.notification-list { border-top:1px solid var(--line); }
.notification-row { display:grid; grid-template-columns:44px 1fr 10px; align-items:center; gap:16px; width:100%; padding:22px 14px; border:0; border-bottom:1px solid var(--line); background:transparent; text-align:left; cursor:pointer; }
.notification-row:hover { background:#fff; }
.notification-row.unread { background:#fff; }
.notification-row>span:nth-child(2) { display:grid; gap:4px; }
.notification-row strong { font-size:14px; }
.notification-row p { margin:0; color:#666; font-size:12px; }
.notification-row small { color:#999; font-size:9px; }
.notification-row>i { width:7px; height:7px; border-radius:50%; background:#168653; }
.notification-icon { display:grid; width:44px; height:44px; background:#111; color:#fff; place-items:center; font:15px 'DM Mono',monospace; }
.type-approved { background:#146c43; }.type-revision { background:#6e5313; }.type-submission,.type-resubmission { background:#333; }
.notification-empty { padding:50px 15px; text-align:center; color:#777; }
.notification-toast { position:fixed; z-index:100; right:24px; top:24px; display:grid; grid-template-columns:auto minmax(200px,1fr) auto; align-items:start; gap:12px; width:min(410px,calc(100% - 32px)); padding:18px; border:1px solid #333; background:#111; color:#fff; box-shadow:0 16px 50px #0004; opacity:0; transform:translateY(-15px); transition:.2s; }
.notification-toast.visible { opacity:1; transform:none; }
.notification-toast>span { color:#45d58c; }
.notification-toast strong { font-size:12px; }
.notification-toast p { margin:5px 0 0; color:#aaa; font-size:10px; line-height:1.5; }
.notification-toast button { border:0; background:none; color:#aaa; cursor:pointer; font-size:18px; }
.upload { cursor:pointer; }
.upload.was-submitted { border-style:solid; background:#e9f5ee; color:#146c43; }
.sidebar-collapsed .notification-nav { display:none!important; }
@media(max-width:650px){.notification-head{align-items:flex-start;flex-direction:column}.notification-summary{align-items:flex-start;flex-direction:column}.notification-row{grid-template-columns:40px 1fr 8px}.notification-toast{right:16px;top:16px}}