.saas-msg-pop{min-block-size:0;max-block-size:inherit;flex-direction:column;display:flex}.saas-msg-pop__head{justify-content:space-between;align-items:flex-start;gap:var(--saas-space-sm);padding:var(--saas-space-md) var(--saas-space-md) var(--saas-space-sm);border-radius:var(--saas-radius-lg) var(--saas-radius-lg) 0 0;background:linear-gradient(180deg, var(--saas-brand-subtle), var(--saas-bg-surface));display:flex}.saas-msg-pop__heading{color:var(--saas-text-primary);font-size:var(--saas-font-title);margin:0;font-weight:700}.saas-msg-pop__sub{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);margin:0}.saas-msg-pop__search{align-items:center;gap:var(--saas-space-xs);margin-inline:var(--saas-space-md);padding-inline:var(--saas-space-sm);border-radius:var(--saas-radius-md);background:var(--saas-bg-sunken);color:var(--saas-text-secondary);display:flex}.saas-msg-pop__search:focus-within{box-shadow:var(--saas-focus-ring)}.saas-msg-pop__input{min-block-size:38px;min-inline-size:0;color:var(--saas-text-primary);font:inherit;font-size:var(--saas-font-body-sm);background:0 0;border:0;flex:1}.saas-msg-pop__input:focus{outline:none}.saas-msg-pop__list{padding:var(--saas-space-sm);flex:1;margin:0;list-style:none;overflow-y:auto}.saas-msg-pop__row{align-items:center;gap:var(--saas-space-sm);inline-size:100%;padding:var(--saas-space-sm);border-radius:var(--saas-radius-md);color:inherit;font:inherit;text-align:start;cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard);background:0 0;border:0;display:flex}.saas-msg-pop__row[data-unread=true]{background:var(--saas-brand-subtle)}.saas-msg-pop__row:hover{background:var(--saas-bg-sunken)}.saas-msg-pop__row:focus-visible,.saas-msg-pop__open:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-msg-pop__text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.saas-msg-pop__name{color:var(--saas-text-primary);font-size:var(--saas-font-body-sm);font-weight:700}.saas-msg-pop__preview{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saas-msg-pop__side{align-items:flex-end;gap:var(--saas-space-2xs);flex-direction:column;display:flex}.saas-msg-pop__time{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);white-space:nowrap}.saas-msg-pop__badge{box-sizing:border-box;border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);min-inline-size:18px;color:var(--saas-brand-on-primary);text-align:center;padding-inline:5px;font-size:11px;font-weight:700;line-height:18px}.saas-msg-pop__empty{padding:var(--saas-space-xl) var(--saas-space-md);color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);text-align:center;margin:0}.saas-msg-pop__foot{padding:var(--saas-space-sm) var(--saas-space-md) var(--saas-space-md);border-block-start:1px solid var(--saas-border-default)}.saas-msg-pop__open{border-radius:var(--saas-radius-md);background:var(--saas-brand-primary);min-block-size:44px;inline-size:100%;color:var(--saas-brand-on-primary);font:inherit;cursor:pointer;border:0;font-weight:700}.saas-msg-pop__open:hover{background:var(--saas-brand-primary-hover)}