.saas-inbox-side{gap:var(--saas-space-lg);flex-direction:column;min-inline-size:0;display:flex}.saas-inbox-side--skeleton{border-radius:var(--saas-radius-lg);background:var(--saas-bg-sunken);min-block-size:420px}.saas-inbox-side__heading{color:var(--saas-text-primary);font-size:var(--saas-font-heading);margin:0;font-weight:700}.saas-inbox-side__lead{margin:2px 0 var(--saas-space-sm);color:var(--saas-text-primary);font-size:var(--saas-font-body)}.saas-inbox-side__bands,.saas-inbox-side__categories,.saas-inbox-side__news{gap:var(--saas-space-sm);margin:0;padding:0;list-style:none;display:grid}.saas-inbox-side__bands,.saas-inbox-side__categories{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.saas-inbox-side button{font:inherit;cursor:pointer}.saas-inbox-side button:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-inbox-side__band{gap:var(--saas-space-2xs);block-size:100%;inline-size:100%;padding:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-block-start:4px solid var(--saas-status-info);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);color:var(--saas-text-primary);text-align:start;flex-direction:column;display:flex}.saas-inbox-side__band[data-priority=urgent]{border-block-start-color:var(--saas-status-danger)}.saas-inbox-side__band[data-priority=high]{border-block-start-color:var(--saas-status-warning)}.saas-inbox-side__band:hover,.saas-inbox-side__category:hover{border-color:var(--saas-brand-primary)}.saas-inbox-side__band-top{justify-content:space-between;align-items:center;gap:var(--saas-space-2xs);flex-wrap:wrap;display:flex}.saas-inbox-side__band-name{font-size:var(--saas-font-body-sm);border-inline-start:3px solid;padding-inline-start:var(--saas-space-xs);font-weight:700}.saas-inbox-side__band[data-priority=urgent] .saas-inbox-side__band-name{color:var(--saas-status-danger)}.saas-inbox-side__band[data-priority=high] .saas-inbox-side__band-name{color:var(--saas-status-warning)}.saas-inbox-side__band[data-priority=normal] .saas-inbox-side__band-name{color:var(--saas-status-info)}.saas-inbox-side__band-when{font-size:var(--saas-font-body-sm);align-items:center;gap:3px;display:inline-flex}.saas-inbox-side__band strong{font-size:var(--saas-font-stat);line-height:1.1}.saas-inbox-side__band-latest{font-size:var(--saas-font-body-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.saas-inbox-side__category{gap:var(--saas-space-2xs) var(--saas-space-sm);block-size:100%;inline-size:100%;padding:var(--saas-space-sm);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);color:var(--saas-text-primary);text-align:start;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;display:grid;position:relative}.saas-inbox-side__icon{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-md);background:var(--saas-bg-surface);block-size:34px;inline-size:34px;color:var(--saas-brand-primary);justify-content:center;align-items:center;display:inline-flex}.saas-inbox-side__icon[data-tone=success]{color:var(--saas-status-success)}.saas-inbox-side__icon[data-tone=warning]{color:var(--saas-status-warning)}.saas-inbox-side__icon[data-tone=danger]{color:var(--saas-status-danger)}.saas-inbox-side__icon[data-tone=info]{color:var(--saas-status-info)}.saas-inbox-side__icon[data-tone=neutral]{color:var(--saas-text-primary)}.saas-inbox-side__unread{border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);block-size:24px;min-inline-size:24px;color:var(--saas-brand-on-primary);font-size:var(--saas-font-body-sm);text-align:center;justify-self:end;padding-inline:6px;font-weight:700;line-height:24px}.saas-inbox-side__unread[data-zero=true]{border:1px solid var(--saas-border-default);background:var(--saas-bg-surface);color:var(--saas-text-primary)}.saas-inbox-side__name{font-size:var(--saas-font-body);grid-column:1/-1;font-weight:700}.saas-inbox-side__latest{font-size:var(--saas-font-body-sm);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}.saas-inbox-side__card{border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);overflow:hidden}.saas-inbox-side__card-band{align-items:center;gap:var(--saas-space-sm);padding:var(--saas-space-sm);background:var(--saas-tint-blue-bg);display:flex}.saas-inbox-side__card[data-tone=success] .saas-inbox-side__card-band{background:var(--saas-tint-green-bg)}.saas-inbox-side__card[data-tone=warning] .saas-inbox-side__card-band{background:var(--saas-tint-yellow-bg)}.saas-inbox-side__card[data-tone=danger] .saas-inbox-side__card-band{background:var(--saas-tint-red-bg)}.saas-inbox-side__card-band>span:last-child{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);flex-direction:column;display:flex}.saas-inbox-side__card-body{gap:var(--saas-space-2xs);padding:var(--saas-space-sm);flex-direction:column;display:flex}.saas-inbox-side__card-body h3{color:var(--saas-text-primary);font-size:var(--saas-font-reading);margin:0;font-weight:700}.saas-inbox-side__card-body p{color:var(--saas-text-primary);font-size:var(--saas-font-body);margin:0}.saas-inbox-side__card-foot{border-block-start:1px solid var(--saas-border-default);color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);justify-content:space-between;align-items:center;margin-block-start:var(--saas-space-xs);padding-block-start:var(--saas-space-xs);display:flex}.saas-inbox-side__card-foot button{color:var(--saas-brand-primary);background:0 0;border:0;align-items:center;gap:2px;padding:0;font-weight:700;display:inline-flex}[dir=rtl] .saas-inbox-side__card-foot svg{transform:scaleX(-1)}