.wn-bell{position:relative;width:44px;min-width:44px;height:44px;padding:10px!important;border-radius:8px;background:#fff;border:1px solid #dfe6ee;display:flex;align-items:center;justify-content:center;color:#193651}.wn-bell[hidden]{display:none!important}.wn-bell .qc-icon{width:21px;height:21px}.wn-bell-count{position:absolute;right:-5px;top:-5px;border-radius:100px;background:#b89451;color:#fff;min-width:19px;min-height:19px;padding:2px 4px;font-size:10px;line-height:15px;box-sizing:border-box}.wn-bell-count[hidden]{display:none!important}
.wn-heading-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.wn-workspace{min-width:0;color:#18324e}.wn-intro{font-size:13px;color:#596d81;margin-top:0;overflow-wrap:anywhere}.wn-explanation{font-size:13px;line-height:1.6;color:#52677b;border-left:3px solid #b6975d;padding-left:13px}.wn-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:20px 0}.wn-toolbar label{display:grid;gap:7px;font-size:12px;color:#52677b;min-width:0}.wn-toolbar select{min-height:44px;border:1px solid #cedae4;border-radius:9px;background:#fff;color:#18324e;padding:10px;max-width:100%;font:inherit}.wn-total{font-size:12px;color:#52677b}.wn-list{display:grid;gap:13px}.wn-row{min-width:0;background:#fff;border:1px solid #dce5ed;border-radius:13px;padding:17px;overflow-wrap:anywhere}.wn-row.wn-unread{border-left:3px solid #b6975d;background:#fffdfa}.wn-row-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.wn-type{text-transform:uppercase;letter-spacing:.06em;font-size:10px;color:#687c8f;font-weight:700}.wn-read-label{font-size:10px;color:#70613e;border:1px solid #e5dcc9;background:#f8f3e8;padding:4px 8px;border-radius:20px;white-space:nowrap}.wn-row h3{font-size:17px;line-height:1.4;margin:9px 0;color:#18324e}.wn-site{font-size:12px;color:#62788c;margin:7px 0}.wn-message{font-size:13px;line-height:1.65;white-space:pre-wrap;color:#405970}.wn-time,.wn-note,.wn-when{font-size:11px;line-height:1.65;color:#697e90;overflow-wrap:anywhere}.wn-when{color:#405970}.wn-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.wn-actions .button{white-space:normal;min-height:43px;max-width:100%;overflow-wrap:anywhere}.wn-pages{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin:21px 0;font-size:12px;color:#62788c}.wn-empty{font-size:13px;color:#62788c;line-height:1.6;border:1px dashed #d1dce6;padding:20px;border-radius:10px}.wn-error{font-size:12px;line-height:1.6;color:#9b4438;overflow-wrap:anywhere}.wn-error:empty{display:none}.wn-pending{border:1px solid #deceb1;background:#fff9ef;border-radius:10px;padding:14px;font-size:12px;line-height:1.6;color:#776142}.wn-pending .button{white-space:normal}.wn-workspace .dialog-actions{flex-wrap:wrap}
@media(max-width:760px){.shell-context.work-notices-enabled{grid-template-columns:minmax(70px,1fr) 44px 44px auto!important;gap:8px!important}.shell-context.work-notices-enabled .shell-company{grid-column:1/-1}.shell-context.work-notices-enabled .shell-language{max-width:110px}.shell-context.work-notices-enabled .shell-account>summary{max-width:120px}.shell-context.work-notices-enabled #shell-account-label{max-width:64px}}
@media(max-width:520px){.wn-heading-actions{width:100%;flex-direction:column;align-items:stretch}.wn-heading-actions .button{width:100%}.wn-row{padding:14px}.wn-actions{flex-direction:column}.wn-actions .button{width:100%;text-align:center}.wn-toolbar{align-items:stretch;gap:10px}.wn-toolbar label{flex:1}.wn-toolbar select{min-width:0;width:100%;font-size:13px}.wn-toolbar>.button{align-self:flex-end}.wn-pages{gap:9px}.wn-pages .button{padding-left:11px;padding-right:11px}.wn-workspace .dialog-actions .button{flex:1;white-space:normal}.shell-context.work-notices-enabled #shell-account-label{max-width:44px}}