#view-notifications{padding-bottom:40px}.notification-nav-count{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:99px;background:var(--cc-color-danger);color:#fff;font-size:8px;text-align:center}.notification-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--layout-gap);margin-top:var(--layout-gap)}.notification-filters,.notification-inbox{padding:12px!important}.notification-filter-title{display:flex;align-items:center;justify-content:space-between;padding:4px 7px 10px;font-size:10px}.notification-filter-title span{color:var(--cc-text-secondary);font-size:8px}.notification-filter{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:0;border-radius:var(--cc-radius-md);background:transparent;color:var(--cc-text-secondary);font-size:10px;text-align:left;cursor:pointer}.notification-filter:hover{background:var(--cc-bg-surface)}.notification-filter.is-active{background:var(--cc-color-brand-50);color:var(--cc-color-brand-700);font-weight:700}.notification-filter span{display:flex;align-items:center;gap:7px}.notification-filter b{font-size:9px}.notification-filter-separator{height:1px;margin:8px;background:var(--cc-border-subtle)}.notification-type-dot{width:7px;height:7px;border-radius:50%;background:var(--cc-color-neutral-400)}.notification-type-dot.is-operation{background:#155eef}.notification-type-dot.is-commercial{background:#7f56d9}.notification-type-dot.is-finance{background:#d92d20}.notification-type-dot.is-integration{background:#dc6803}.notification-type-dot.is-system{background:#667085}.notification-inbox-head{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:3px 5px 12px;border-bottom:1px solid var(--cc-border-subtle)}.notification-inbox-head h2{margin:0;font-size:16px}.notification-inbox-head p{margin:3px 0 0;color:var(--cc-text-secondary);font-size:9px}.notification-inbox-head .cc-field{width:150px}.notification-inbox-head .cc-select{min-height:var(--cc-control-height-sm)}.notification-list{display:grid}.notification-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 12px;gap:11px;padding:13px 5px;border-bottom:1px solid var(--cc-border-subtle)}.notification-row:last-child{border-bottom:0}.notification-row.is-unread{background:linear-gradient(90deg,var(--cc-color-brand-50),transparent 68%)}.notification-row-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--cc-color-neutral-100);color:var(--cc-text-secondary)}.notification-row-icon .ico{width:17px;height:17px}.notification-row-icon.is-finance{background:var(--cc-color-danger-bg);color:var(--cc-color-danger)}.notification-row-icon.is-operation{background:var(--cc-color-brand-50);color:var(--cc-color-brand-600)}.notification-row-icon.is-commercial{background:#f4ebff;color:#7f56d9}.notification-row-icon.is-integration{background:var(--cc-color-warning-bg);color:var(--cc-color-warning)}.notification-row-copy{display:grid;gap:5px;min-width:0}.notification-row-copy>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-row-copy b{font-size:10px}.notification-row-copy time{color:var(--cc-text-tertiary);font-size:8px;white-space:nowrap}.notification-row-copy p{margin:0;color:var(--cc-text-secondary);font-size:9px}.notification-row-copy>div{display:flex;align-items:center;gap:9px}.notification-row-copy a,.notification-row-copy>div>button{padding:0;border:0;background:transparent;color:var(--cc-color-brand-600);font-size:8px;font-weight:700;text-decoration:none;cursor:pointer}.notification-read{width:8px;height:8px;margin-top:5px;padding:0;border:0;border-radius:50%;background:transparent}.notification-row.is-unread .notification-read{background:var(--cc-color-brand-500);cursor:pointer}.notification-empty{padding:60px;text-align:center}.notification-empty .ico{width:28px;height:28px;color:var(--cc-text-tertiary)}.notification-empty h3{font-size:13px}.notification-empty p{color:var(--cc-text-secondary);font-size:9px}