.notification-button{position:relative;width:42px;height:42px;border:1px solid #d8e3dd;border-radius:14px;background:#fff;color:#174b3a;font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:.18s ease}
.notification-button:hover{background:#f0f8f4;border-color:#9bc9b5;transform:translateY(-1px)}
.notification-button span{position:absolute;right:-5px;top:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:#d84b43;color:#fff;border:2px solid #fff;font:700 11px/16px system-ui;text-align:center}
.notification-dialog{width:min(470px,calc(100vw - 28px));max-width:none;padding:0;border:0;border-radius:22px;overflow:hidden;box-shadow:0 26px 80px rgba(14,49,38,.28)}
.notification-dialog::backdrop{background:rgba(14,33,27,.38);backdrop-filter:blur(2px)}
.notification-panel{background:#fff;max-height:min(720px,calc(100vh - 36px));display:flex;flex-direction:column}
.notification-panel>header{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 22px 14px;border-bottom:1px solid #e7eee9}
.notification-panel h2{margin:4px 0 0;font-size:24px}.notification-panel .close{position:static;flex:0 0 auto}
.notification-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 20px;background:#f7faf8;border-bottom:1px solid #e7eee9;color:#67756f;font-size:13px}
.notification-toolbar .link{white-space:nowrap}.notification-toolbar-actions{display:flex;align-items:center;gap:12px}.notification-list{overflow:auto;padding:9px}
.notification-filters{display:flex;gap:7px;padding:10px 20px;border-bottom:1px solid #e7eee9;background:#fff}.notification-filters button{border:1px solid #dbe6df;background:#f7faf8;color:#315448;border-radius:999px;padding:7px 13px;font:inherit;cursor:pointer}.notification-filters button.active{background:#176649;border-color:#176649;color:#fff}.notification-filters button:hover:not(.active){background:#edf5f0}
.notification-item{width:100%;border:0;background:#fff;text-align:left;border-radius:15px;padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) 9px;gap:12px;align-items:start;cursor:pointer;color:inherit}
.notification-item:hover{background:#f5faf7}.notification-item.unread{background:#edf8f2}.notification-item.unread:hover{background:#e4f4eb}
.notification-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e7f4ee;color:#176649;font-size:20px}.notification-item.documents .notification-icon{background:#eef2fa;color:#365c9b}
.notification-copy{min-width:0}.notification-copy strong{display:block;font-size:14px;margin-bottom:4px}.notification-copy p{margin:0;color:#586962;font-size:13px;line-height:1.45}.notification-copy time{display:block;margin-top:6px;color:#89958f;font-size:11px}
.notification-dot{width:8px;height:8px;margin-top:8px;border-radius:50%;background:#20a36f}.notification-item:not(.unread) .notification-dot{background:transparent}
.notification-item.newTenderBatch .notification-copy p{white-space:pre-line;max-height:220px;overflow-y:auto;padding-right:6px}
.notification-settings{padding:15px 20px;border-bottom:1px solid #dce8e1;background:#f3f8f5}.notification-settings>b{display:block;margin-bottom:11px;color:#173f33}.notification-settings>div{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}.notification-settings label{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#42584f}.notification-settings input{width:17px;height:17px;margin:0;accent-color:#176649}.notification-batch{cursor:default}.notification-batch-list{display:grid;gap:6px;margin-top:10px;max-height:260px;overflow:auto}.notification-batch-list button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;padding:9px 10px;border:1px solid #dce8e1;border-radius:10px;background:#fff;color:#173f33;text-align:left;cursor:pointer}.notification-batch-list button:hover{border-color:#7eb49d;background:#f5faf7}.notification-batch-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-batch-list button small{color:#6f7e77;white-space:nowrap}
.tender-change-icons{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 8px;position:relative;z-index:2}
.tender-change-icon{position:relative;display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #a9bcb2;border-radius:9px;background:#f8fbf9;color:#173f33;font-size:14px;line-height:1;box-shadow:0 2px 6px rgba(23,63,51,.09)}
.tender-change-icon b{position:absolute;right:-5px;top:-6px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#b2483f;color:#fff;font:700 10px/1 sans-serif}
#tenderRows tr.has-unread-change td{background:#e7ece8!important}
#tenderRows tr.proposal-confirmed.has-unread-change td{background:#cfe4d7!important}
.kanban-card.has-unread-change,.calendar-items button.has-unread-change{background:#e7ece8!important;border-color:#8ea89b!important;box-shadow:0 7px 18px rgba(22,59,47,.16)}
.kanban-card.proposal-confirmed.has-unread-change,.calendar-items button.proposal-confirmed.has-unread-change{background:#cfe4d7!important}
.calendar-items button .tender-change-icons{margin-bottom:5px}.calendar-items button .tender-change-icon{width:23px;height:23px;border-radius:7px;font-size:12px}
.notification-empty{padding:46px 20px;text-align:center;color:#728079}.notification-empty b{display:block;color:#294b3f;margin:8px 0 4px}
@media(max-width:760px){.notification-dialog{width:calc(100vw - 16px)}.notification-panel{max-height:calc(100vh - 16px)}.notification-toolbar{align-items:flex-start;flex-direction:column;gap:6px}.notification-toolbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.notification-filters{overflow-x:auto}.notification-settings>div{grid-template-columns:1fr}.notification-batch-list button{grid-template-columns:auto minmax(0,1fr)}.notification-batch-list button small{grid-column:2}.notification-button{width:38px;height:38px}.header-actions .session-user{display:none}}
