.livia-active-popover { position: fixed; z-index: 1500; width: min(270px, calc(100vw - 24px)); box-sizing: border-box; overflow: hidden; border: 1px solid #e2e2df; border-radius: 9px; background: #fff; box-shadow: 0 9px 25px rgb(0 0 0 / 9%); color: #242520; font-family: Inter, sans-serif; }
.livia-active-popover[hidden] { display: none !important; }
.livia-active-popover header { height: 35px; display: flex; align-items: center; justify-content: space-between; padding: 0 9px 0 11px; border-bottom: 1px solid #ededeb; }
.livia-active-popover header strong { font-size: 11px; font-weight: 600; }
.livia-active-popover header button { width: 22px; height: 22px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 5px; background: transparent; color: #858780; font-size: 16px; cursor: pointer; }
.livia-active-popover header button:hover { background: #f1f1ee; color: #222; }
.livia-active-popover [data-active-list] { max-height: 224px; overflow-y: auto; padding: 4px; scrollbar-width: thin; }
.livia-active-row { min-height: 39px; display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; gap: 8px; padding: 2px 7px; border-radius: 6px; }
.livia-active-row:hover { background: #f6f6f3; }
.livia-active-row > span:first-child { position: relative; width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid #e2e2df; border-radius: 50%; background: #f7f7f4; color: #50524b; font-size: 8px; font-weight: 600; }
.livia-active-row > span:first-child i { position: absolute; right: -2px; bottom: -1px; width: 6px; height: 6px; border: 2px solid #fff; border-radius: 50%; background: #2d9b5b; }
.livia-active-row strong, .livia-active-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.livia-active-row strong { font-size: 10px; font-weight: 500; line-height: 14px; }
.livia-active-row small { color: #8a8c85; font-size: 8px; line-height: 12px; }
.livia-active-empty { margin: 16px 8px; color: #969891; font-size: 9px; text-align: center; }