/* Same Golos/Telegram Bento language as the CRM; compact actions stay in reach. */
.notification-panel{display:flex;flex-direction:column;width:min(470px,calc(100vw - 32px))}
.notification-panel-head{flex:none;min-height:76px}.notification-panel-head h2{margin:0}
.notification-tools{flex:none;padding:12px 16px;background:#fff;border-bottom:1px solid #dde8ee;font-size:13px}
.notification-device-row,.notification-list-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.notification-tools button,.notification-list-actions button{min-height:36px;border:1px solid #d7e4eb;border-radius:10px;padding:7px 10px;background:#f3f8fc;color:#287fc9;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.notification-tools button:disabled{opacity:.5;cursor:default}.notification-tools details{margin-top:8px;color:#748a9b}.notification-tools summary{cursor:pointer}.notification-tools p{margin:8px 0 0;line-height:1.5}
.notification-list-actions{padding:10px 16px;justify-content:space-between;flex:none}.notification-list-actions button:last-child{color:#b95656;background:#fff7f7}
.notification-list{flex:1;min-height:0}.notification-entry{position:relative;min-width:0}.notification-entry .notification-card{padding-right:45px}
.notification-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:#879caa;font:inherit;font-size:21px;cursor:pointer}.notification-remove:hover{background:#fff0f0;color:#bd5353}
.notification-card-top{flex-wrap:wrap;gap:4px}.notification-card-top strong{white-space:normal}.notification-card-top time{font-size:12px;display:block}
.notification-inline-error{padding:8px 16px;color:#b95656;font-size:13px}
@media(max-width:700px){.notification-panel{top:8px;bottom:8px;right:8px;left:8px;max-height:none;width:calc(100vw - 16px);border-radius:22px}.notification-tools{padding:10px 12px}.notification-panel-head{padding:14px 16px}.notification-list-actions{padding:8px 12px}}