:where(.identity-avatar--agent){width:100%;height:100%}.identity-avatar--agent{border-radius:inherit;place-items:center;display:inline-grid;position:relative;overflow:hidden}.identity-avatar--neutral>svg{width:100%;height:100%}.identity-avatar--agent>.identity-avatar__image,.identity-avatar--agent>.identity-avatar__fallback{object-fit:cover;grid-area:1/1;width:100%;height:100%}.identity-avatar__fallback{place-items:center;display:grid}.identity-avatar__hat{pointer-events:none;grid-area:1/1;position:absolute;inset:0}.identity-avatar__hat>svg,.identity-avatar__hat-img{width:100%;height:100%}.identity-avatar--agent:not(.is-fallback)>.identity-avatar__image+.identity-avatar__fallback,.identity-avatar--agent.is-fallback>.identity-avatar__image,.identity-avatar--agent.is-pending>*{visibility:hidden}:is(.identity-avatar--agent,.viewer-avatar,.chat-author-avatar,.chat-avatar-slot).is-pending{background:var(--secondary);border-radius:var(--radius-full)}:is(.viewer-avatar,.chat-author-avatar,.chat-avatar-slot).is-pending>*{visibility:hidden}.identity-avatar__text:before{content:attr(data-avatar)}.identity-avatar--agent .identity-avatar__agent-face{width:100%;height:100%}.viewer-avatar>.identity-avatar--agent{display:inline-grid}div.shell--nav-collapsed.shell--floating-attention{--shell-attention-width:40px}openclaw-sidebar-attention.sidebar-attention--floating{--sidebar-bg:var(--bg-content,var(--bg));--sidebar-issues-border:1px solid color-mix(in srgb, var(--border) 88%, transparent);--sidebar-issues-background:color-mix(in srgb, var(--panel) 92%, transparent);top:calc((var(--rail-header-height) - var(--shell-chrome-control-size)) / 2);left:calc(var(--shell-chrome-controls-inset) + var(--shell-controls-width) + 8px);z-index:45;align-items:center;gap:var(--shell-chrome-controls-gap);display:flex;position:fixed}html.openclaw-native-nav openclaw-sidebar-attention.sidebar-attention--floating{left:calc(var(--shell-chrome-controls-inset) + 6px)}html.openclaw-native-macos openclaw-sidebar-attention.sidebar-attention--floating{top:52px}html.openclaw-native-web-chrome div.shell--nav-collapsed.shell--floating-attention{--shell-attention-width:41px}html.openclaw-native-web-chrome openclaw-sidebar-attention.sidebar-attention--floating{--sidebar-issues-border:0;--sidebar-issues-background:transparent;top:calc((var(--openclaw-native-titlebar-height,50px) - var(--shell-chrome-control-size)) / 2);left:calc(var(--shell-native-titlebar-controls-inset) + var(--shell-native-titlebar-controls-width) + var(--shell-chrome-controls-gap))}.sidebar-attention--floating~.sidebar-update-card--floating .sidebar-update-card{margin-top:50px}:where(html:not(.openclaw-native-web-chrome) openclaw-sidebar-attention.sidebar-attention--floating) .sidebar-issues-button{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px)}.sidebar-shell__invite{z-index:1;margin-inline:calc(-1 * var(--sidebar-pad-x));flex:none;position:relative}.shell--mobile-nav .sidebar-shell{--sidebar-session-row-floor:44px;--sidebar-inset:2px;--sidebar-row-gap:4px}.shell--mobile-nav .sidebar-recent-session--single-line:not(.sidebar-recent-session--team) .sidebar-recent-session__text{gap:var(--sidebar-row-gap)}.shell--mobile-nav .sidebar-recent-session--single-line:not(.sidebar-recent-session--team) .sidebar-recent-session__details:not(:has(.session-row-badges,.viewer-facepile,.session-row-trail)){display:none}.shell--mobile-nav .sidebar-recent-session{padding-right:0}.shell--mobile-nav .sidebar-recent-session.session-row-host{--session-row-actions-reserve:48px}.shell--mobile-nav .sidebar-recent-session :is([data-sidebar-session-pin],[data-sidebar-session-archive]){display:none}.shell--mobile-nav .sidebar-recent-session .session-action--touch-menu{opacity:1;pointer-events:auto;width:44px;height:44px;display:inline-flex}.shell--mobile-nav .sidebar-zone-entry .sidebar-recent-session{padding-inline:4px}.shell--mobile-nav .sidebar-zone-entry .sidebar-recent-session>.sidebar-recent-session__link{gap:var(--sidebar-row-gap)}.shell--mobile-nav .sidebar-recent-session:not(.sidebar-recent-session--child) .sidebar-recent-session__text{padding-right:var(--session-row-actions-reserve)}.shell--mobile-nav .sidebar-recent-session:not(.sidebar-recent-session--child)>.sidebar-recent-session__aside{top:50%}.shell--mobile-nav .sidebar-recent-session:not(.sidebar-recent-session--child) .sidebar-recent-session__title-row{padding-right:0}.sidebar-shell__invite{--community-invite-surface-current:var(--sidebar-bg,var(--bg))}:root[data-theme-mode=light] .sidebar-shell__invite{--community-invite-surface-current:color-mix(in srgb, var(--sidebar-bg,var(--bg)) 70%, var(--bg-hover) 30%)}.community-invite-card{--community-invite-copy-inset:12px;border-block-start:1px solid color-mix(in srgb, var(--border) 55%, transparent);animation:community-invite-enter var(--duration-normal,.18s) var(--ease-out,ease-out) both;flex:none;margin:0;display:block}.community-invite-card .invite{background:var(--community-invite-surface-current,var(--sidebar-bg,var(--bg)));color:var(--text);box-shadow:none;border:0;border-radius:0;flex-direction:column;display:flex;overflow:hidden}.community-invite-card .invite__header{aspect-ratio:12/5;background:inherit;flex:none;position:relative;overflow:hidden}.community-invite-card .invite__art{object-fit:cover;object-position:center;width:100%;height:100%;display:block;-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),#0000 calc(100% - 2px));mask-image:linear-gradient(#000 calc(100% - 34px),#0000 calc(100% - 2px))}.community-invite-card .invite__marks{z-index:1;bottom:19px;left:var(--community-invite-copy-inset);color:#fff;pointer-events:none;align-items:center;gap:5px;display:flex;position:absolute}.community-invite-card .invite__marks svg{fill:currentColor;stroke:none;filter:drop-shadow(0 1px 1px #000000de)drop-shadow(0 0 3px #00000078);width:19px;height:19px}.community-invite-card .invite__close{z-index:2;color:#ffffffc2;width:28px;height:28px;cursor:var(--cursor-action,default);background:#0000006b;border:0;border-radius:50%;place-items:center;padding:0;transition:background .12s,color .12s;display:grid;position:absolute;inset-block-start:var(--space-2,8px);inset-inline-end:var(--space-2,8px)}@media (hover:hover){.community-invite-card .invite__close:hover{color:#fff;background:#ffffff24}}.community-invite-card .invite__close:focus-visible{outline-offset:1px;outline:2px solid #ffffffb3}.community-invite-card .invite__close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;display:block}.community-invite-card .invite__body{padding:11px var(--community-invite-copy-inset) 20px;flex-direction:column;gap:5px;display:flex}.community-invite-card .invite__title{color:var(--text-strong);font-size:var(--control-ui-text-lg,16px);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}.community-invite-card .invite__text{color:var(--muted);font-size:var(--control-ui-text-sm,12px);margin:0;line-height:1.45}.community-invite-card a.invite__cta{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--bg-elevated);min-width:0;min-height:40px;color:var(--text);cursor:pointer;font-size:var(--control-ui-text-sm,12px);text-align:center;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:3px 1px;font-weight:600;line-height:1.2;transition:background .12s,border-color .12s,transform .12s;display:flex}@media (hover:hover){.community-invite-card .invite__cta:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text)}}.community-invite-card .invite__cta:active{transform:scale(.96)}.community-invite-card .invite__cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.community-invite-card .invite__cta svg{fill:currentColor;stroke:none;flex:none;width:16px;height:16px}.community-invite-card .invite__links{margin-top:var(--space-3,12px);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}@supports (corner-shape:superellipse(1.5)){.community-invite-card .invite__cta{border-radius:calc(10px * var(--openclaw-corner-radius-scale,1.25));corner-shape:superellipse(1.5)}}@media (pointer:coarse){.community-invite-card a.invite__cta{min-height:44px}}@media (prefers-reduced-motion:reduce){.community-invite-card,.community-invite-card .invite__close,.community-invite-card .invite__cta{transition:none;animation:none}}@keyframes community-invite-enter{0%{opacity:0;transform:translateY(10px)}}.chat-selection-annotations__chip.chat-attachment-thumb{white-space:nowrap;flex:none;align-self:flex-start;width:fit-content;min-width:0;max-width:100%;height:auto;min-height:30px;display:inline-flex}.chat-selection-annotations__chip .chat-attachment-file{gap:6px;min-width:0;max-width:100%;padding:6px 10px}.chat-selection-annotations__chip:focus-visible,.chat-comment-preview__scroll:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.chat-selection-annotations__chip:has(>.chat-selection-annotations__trigger:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.chat-selection-annotations__trigger{border:none;outline:none}.chat-selection-annotations__chip svg,.chat-comment-pin svg{width:16px;height:16px;display:block}div.chat-thread:where(.chat-thread--comment-pins){position:relative}div.chat-thread:where(.chat-thread--comment-pins) .chat-thread-inner{padding-inline-end:28px}openclaw-chat-comment-pins{contain:layout;z-index:3;pointer-events:none;width:100%;height:0;position:absolute;top:0;left:0}.btn.chat-comment-pin{border-radius:var(--radius-full);corner-shape:round;pointer-events:auto;width:24px;height:24px;min-height:0;padding:4px;position:absolute}.chat-comment-pin[hidden]{display:none}.chat-comment-preview{--openclaw-tooltip-max-width:min(360px, calc(100vw - 24px));--openclaw-tooltip-padding:12px;--openclaw-tooltip-background-color:var(--session-hovercard-surface);--openclaw-tooltip-border-color:var(--border);--openclaw-tooltip-border-radius:var(--radius-lg);--openclaw-tooltip-shadow:var(--shadow-lg)}.chat-comment-preview__scroll{width:min(334px,100vw - 50px);max-height:min(320px, calc(var(--auto-size-available-height,100dvh) - 26px));overscroll-behavior:contain;scrollbar-width:thin;font-size:13px;font-weight:400;line-height:1.5;overflow:auto}.chat-comment-preview__list{margin:0;padding:0;list-style:none}.chat-comment-preview__item{padding-inline-start:28px;position:relative}.chat-comment-preview__item+.chat-comment-preview__item{margin-top:12px}.chat-comment-preview__item:before{content:counter(list-item);box-sizing:border-box;border-radius:var(--radius-full);background:var(--accent-subtle);min-width:20px;height:20px;color:var(--accent);font-variant-numeric:tabular-nums;place-items:center;padding-inline:3px;font-size:11px;display:grid;position:absolute;inset-block-start:0;inset-inline-start:0}.chat-comment-preview__body{gap:2px;min-width:0;display:grid}.chat-comment-preview__item:has(.chat-comment-preview__actions) .chat-comment-preview__body{padding-inline-end:52px}.chat-comment-preview__text{overflow-wrap:anywhere;min-width:0;overflow:hidden}.chat-comment-preview__text--selection{text-overflow:ellipsis;white-space:nowrap}.chat-comment-preview__text--comment{--annotation-fade-top:0px;--annotation-fade-bottom:0px;overscroll-behavior:contain;scrollbar-width:thin;white-space:pre-wrap;max-height:4lh;overflow-y:auto}.chat-comment-preview__text--comment:focus-visible{outline:1px solid var(--muted);outline-offset:-1px}.chat-comment-preview__text+.muted{margin-top:4px}:is(.chat-comment-preview__scroll,.chat-comment-preview__text--comment)[data-at-start=false]{--annotation-fade-top:12px}:is(.chat-comment-preview__scroll,.chat-comment-preview__text--comment)[data-at-end=false]{--annotation-fade-bottom:12px}:is(.chat-comment-preview__scroll,.chat-comment-preview__text--comment)[data-scrollable=true]{-webkit-mask-image:linear-gradient(to bottom, transparent, black var(--annotation-fade-top,0px), black calc(100% - var(--annotation-fade-bottom,0px)), transparent);mask-image:linear-gradient(to bottom, transparent, black var(--annotation-fade-top,0px), black calc(100% - var(--annotation-fade-bottom,0px)), transparent)}.chat-comment-preview__actions{display:flex;position:absolute;inset-block-start:0;inset-inline-end:0}.chat-attachment-preview-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-comment-preview--editable .chat-selection-annotations__label{min-width:0}.chat-selection-annotations__remove{border-radius:var(--radius-full);width:26px;color:var(--text);opacity:0;pointer-events:none;background:0 0;border:none;place-items:center;padding:0;display:grid;position:absolute;inset-block:2px;inset-inline-end:2px}@media (hover:hover){.chat-selection-annotations__remove:hover{background:var(--bg-hover)}}.chat-selection-annotations__remove:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}@media (hover:hover){.chat-comment-preview--editable .chat-selection-annotations__chip:is(:hover,:focus-within) .chat-selection-annotations__label{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 calc(100% - 20px));mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 calc(100% - 20px))}.chat-comment-preview--editable .chat-selection-annotations__chip:is(:hover,:focus-within) .chat-selection-annotations__remove{opacity:1;pointer-events:auto}[dir=rtl] .chat-comment-preview--editable .chat-selection-annotations__chip:is(:hover,:focus-within) .chat-selection-annotations__label{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000 calc(100% - 20px));mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000 calc(100% - 20px))}}.chat-comment-preview--editable .chat-comment-preview__item{border-radius:var(--radius-md);padding:8px 10px;padding-inline-start:38px}.chat-comment-preview--editable .chat-comment-preview__item:before{inset-block-start:8px;inset-inline-start:10px}@media (hover:hover){.chat-comment-preview--editable .chat-comment-preview__item:is(:hover,:focus-within){background:var(--bg-hover)}}.chat-comment-preview--editable .chat-comment-preview__actions{opacity:.65;inset-block-start:8px;inset-inline-end:10px}@media (hover:hover){.chat-comment-preview--editable .chat-comment-preview__item:is(:hover,:focus-within) .chat-comment-preview__actions{opacity:1}}@media (hover:none){.chat-comment-preview--editable .chat-selection-annotations__label{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 calc(100% - 20px));mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000 calc(100% - 20px))}[dir=rtl] .chat-comment-preview--editable .chat-selection-annotations__label{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000 calc(100% - 20px));mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000 calc(100% - 20px))}.chat-selection-annotations__remove{opacity:1;pointer-events:auto}.chat-comment-preview--editable .chat-comment-preview__actions{opacity:1}}.emoji-menu-popup:not([data-current-placement]),.emoji-menu-popup:not([data-current-placement])::part(popup),.emoji-menu-popup:not([data-current-placement]) .emoji-menu{visibility:hidden}.emoji-menu-popup::part(popup){width:max-content;max-width:min(300px,100vw - 24px)}.agent-chat__input .emoji-menu-popup .emoji-menu.slash-menu{width:max-content;min-width:0;max-width:min(300px,100vw - 24px);max-height:min(280px, var(--auto-size-available-height,42vh));border-radius:var(--menu-radius);corner-shape:round;box-shadow:var(--overlay-shadow);position:static;inset:auto}.emoji-menu .slash-menu__scroll{max-height:max(0px, calc(min(280px, var(--auto-size-available-height,42vh)) - 10px));overscroll-behavior:contain;margin:4px;padding:0;overflow-x:hidden}.emoji-menu .slash-menu-item{grid-template-columns:22px minmax(0,1fr);column-gap:7px;min-height:30px;padding:2px 7px}.emoji-menu .slash-menu-icon{width:22px;height:22px;font-size:18px;line-height:1}.emoji-menu .slash-menu-copy{width:auto;display:block}.emoji-menu .slash-menu-name{display:block}.emoji-menu .slash-menu-desc{display:none}.mention-menu__avatar{border-radius:50%;width:100%;height:100%}.mention-menu__retry{margin:8px}:is(.mention-menu,.composer-context-strip__person) .chat-author-avatar.is-pending .chat-author-avatar__image{display:none}:is(.mention-menu,.composer-context-strip__person) .chat-author-avatar.is-pending .chat-author-avatar__fallback{visibility:visible;display:inline-flex}@media (prefers-reduced-motion:reduce){.mention-menu__loading .skeleton:after{animation:none}}.cmd-palette__mentions{flex:none;min-width:0}.cmd-palette__mentions .composer-context-strip{border-bottom:0;padding:6px 18px 10px}.cmd-palette>.mention-menu{border:0;border-top:1px solid var(--border);background:var(--card);border-radius:0;flex-direction:column;flex:0 auto;min-height:0;display:flex;position:static}.cmd-palette>.mention-menu .slash-menu__scroll{overscroll-behavior:contain;min-height:0}.composer-context-strip{border-bottom:1px solid color-mix(in srgb, var(--text-strong) 14%, transparent);min-width:0;color:var(--text);align-items:center;gap:8px;margin:0;padding:8px 10px;font-size:12px;display:flex}.composer-context-strip__label{align-items:center;gap:6px;min-width:0;max-width:60%;font-weight:600;display:inline-flex}.composer-context-strip__label-text,.composer-context-strip__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-context-strip__people{min-width:0;color:var(--muted);flex:1;align-items:center;gap:4px;display:flex;overflow:hidden}.composer-context-strip__person{flex:none;align-items:center;gap:4px;min-width:0;display:inline-flex}.composer-context-strip__person[hidden],.composer-context-strip__more[hidden]{display:none}.composer-context-strip__person-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.composer-context-strip__person .chat-author-avatar{flex-basis:16px;width:16px;height:16px}.composer-context-strip__more{font-variant-numeric:tabular-nums;flex-shrink:0}.composer-context-strip__text{min-width:0;color:var(--muted);flex:1}.composer-context-strip__icon{flex-shrink:0;width:16px;height:16px;display:inline-flex}.composer-context-strip__icon svg{width:100%;height:100%}.composer-context-strip__dismiss{width:var(--chat-stack-trailing-control-size,24px);height:var(--chat-stack-trailing-control-size,24px);color:var(--muted);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}@media (hover:hover){.composer-context-strip__dismiss:hover{color:var(--text);background:color-mix(in srgb, var(--text) 10%, transparent)}}.composer-context-strip__dismiss svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}@media (width<=768px),(pointer:coarse){.composer-context-strip{padding-block:10px}.composer-context-strip__dismiss:before{content:"";position:absolute;inset:-10px}}
