/* Octo settings card and member-grid layout, adapted to Eva's existing IM tokens. */
.eva-chat-settings { height:100%; display:flex; flex-direction:column; background:var(--wk-bg-base,#fff); color:var(--wk-text-primary,#202127); font-size:14px; }
.eva-chat-settings-head { height:56px; flex:none; display:flex; align-items:center; gap:16px; padding:0 20px; background:var(--wk-color-secondary,#f5f5f6); border-bottom:1px solid var(--wk-border-subtle,#e6e7e9); }
.eva-chat-settings-head h3 { margin:0; font-size:16px; line-height:24px; font-weight:600; }
.eva-chat-settings-head button { display:grid; place-items:center; background:none; border:0; color:var(--wk-text-secondary,#767a80); width:32px; height:32px; border-radius:8px; cursor:pointer; }
.eva-chat-settings-body { overflow-y:auto; flex:1; min-height:0; padding:16px; }
.eva-chat-setting-section { background:var(--wk-color-secondary,#f5f6f7); border:1px solid var(--wk-border-subtle,#e4e5e7); border-radius:16px; margin-bottom:16px; overflow:hidden; }
.eva-chat-setting-row { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; min-height:56px; padding:12px 16px; border:0; border-bottom:1px solid var(--wk-border-subtle,#e4e5e7); background:transparent; color:inherit; font:inherit; text-align:left; }
.eva-chat-setting-row:last-child { border-bottom:0; }
button.eva-chat-setting-row { cursor:pointer; }
button.eva-chat-setting-row:hover,.eva-chat-settings-head button:hover { background:var(--wk-bg-hover,#e9eaec); }
.eva-chat-setting-value { color:var(--wk-text-secondary,#666b73); max-width:65%; text-align:right; overflow-wrap:anywhere; white-space:pre-wrap; }
.eva-chat-setting-row.is-danger { color:var(--semi-color-danger); }
.eva-chat-setting-edit { padding:16px; border-bottom:1px solid var(--wk-border-subtle,#e4e5e7); }
.eva-chat-setting-edit label { display:block; margin-bottom:8px; font-weight:500; }
.eva-chat-setting-edit textarea { box-sizing:border-box; width:100%; resize:vertical; min-height:100px; max-height:360px; background:var(--wk-bg-base,#fff); color:inherit; border:1px solid var(--wk-border-subtle,#ddd); border-radius:8px; padding:12px; font:inherit; }
.eva-chat-setting-edit-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; padding:10px 0 0; }
.eva-chat-setting-edit-actions small { margin-right:auto; color:var(--wk-text-secondary,#767a80); }
.eva-chat-member-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px 8px; padding:16px; }
.eva-chat-member-tile { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-width:0; padding:0; border:0; background:none; color:inherit; font:inherit; cursor:pointer; }
.eva-chat-member-tile .eva-members-human-identity,.eva-chat-member-tile .eva-members-ai-identity { display:flex; flex-direction:column; gap:8px; width:100%; }
.eva-chat-member-tile .eva-members-human-avatar { width:48px; height:48px; }
.eva-chat-member-tile .eva-members-human-copy { max-width:100%; height:16px; line-height:16px; }
.eva-chat-member-tile .eva-members-human-name,.eva-chat-member-tile .eva-members-ai-identity>span:not(.eva-ai-avatar):not(.ai-badge) { display:block; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; line-height:16px; font-weight:400; }
.eva-chat-member-tile .eva-members-ai-identity { flex-wrap:nowrap; }
.eva-chat-member-add { border:1px solid var(--wk-border-subtle,#ddd); background:var(--wk-bg-base,#fff); color:var(--wk-text-secondary,#767a80); width:48px; height:48px; border-radius:50%; display:grid; place-items:center; justify-self:center; cursor:pointer; }
.eva-chat-member-list-row { display:flex; align-items:center; gap:12px; padding:16px; border-bottom:1px solid var(--wk-border-subtle,#ddd); }
.eva-chat-member-profile { display:flex; align-items:center; gap:8px; min-width:0; border:0; padding:0; background:none; color:inherit; font:inherit; text-align:left; cursor:pointer; flex:1; }
.eva-chat-member-list-row .eva-chat-member-profile>.eva-members-human-identity,.eva-chat-member-list-row .eva-chat-member-profile>.eva-members-ai-identity { flex:0 1 auto; }
.eva-chat-member-profile .eva-members-human-copy { min-width:0; }
.eva-chat-member-profile .eva-members-human-name { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.eva-chat-member-actions { display:flex; flex:none; align-items:center; gap:4px; opacity:0; pointer-events:none; }
.eva-chat-member-actions:empty { display:none; }
.eva-chat-member-list-row:hover,.eva-chat-member-list-row:has(:focus-visible) { background:var(--eva-overlay-hover); }
.eva-chat-member-list-row:hover .eva-chat-member-actions,.eva-chat-member-list-row:has(:focus-visible) .eva-chat-member-actions { opacity:1; pointer-events:auto; }
.eva-chat-member-action.semi-button { flex:none; width:32px; height:32px; min-width:32px; padding:0; border-radius:8px; }
@media (hover:none) { .eva-chat-member-actions { opacity:1; pointer-events:auto; } }
.eva-chat-member-list-row .eva-members-human-identity,.eva-chat-member-list-row .eva-members-ai-identity { flex:1; min-width:0; }
.eva-chat-member-search-block { margin-bottom:16px; }
.eva-chat-member-search { width:100%; }
.eva-chat-member-search-block .eva-chat-member-page-note { margin:8px 0 0; font-size:12px; font-weight:400; line-height:18px; color:var(--eva-text-secondary-accessible); overflow-wrap:break-word; }
.eva-chat-person-card { width:100%; border:0; padding:20px; background:none; font:inherit; color:inherit; text-align:left; cursor:pointer; }
.eva-chat-person-card>img { width:48px; height:48px; border-radius:50%; vertical-align:middle; margin-right:12px; }
.eva-chat-group-avatar { width:28px; height:28px; border-radius:50%; object-fit:cover; }
.eva-thread-parent-group { display:inline-flex; align-items:center; justify-content:flex-end; gap:8px; min-width:0; vertical-align:middle; }
.eva-thread-parent-group-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.eva-chat-settings button:focus-visible { outline:2px solid var(--semi-color-primary); outline-offset:-2px; }

.eva-chat-member-tile>.eva-ai-avatar { margin:0 auto; }
.eva-chat-tile-caption { display:flex; justify-content:center; align-items:center; gap:3px; width:100%; height:16px; margin-top:8px; font-size:12px; line-height:16px; }
.eva-chat-tile-caption>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }

.eva-chat-settings-note { color:var(--wk-text-secondary,#767a80); font-size:12px; line-height:1.6; }
.eva-chat-management-heading { box-sizing:border-box; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:64px; padding:12px 16px; border-bottom:1px solid var(--wk-border-subtle,#e4e5e7); }
.eva-chat-management-heading-main { display:flex; flex-direction:column; gap:4px; min-width:0; }
.eva-chat-management-heading-main strong { font-size:15px; font-weight:600; }
.eva-chat-management-heading-main small { color:var(--gds-color-text-secondary-accessible,#6b7280); font-size:12px; line-height:18px; }
.eva-chat-management-member-main { display:flex; align-items:center; gap:8px; flex:1; min-width:0; }
.eva-chat-management-member-main>.eva-members-human-identity,.eva-chat-management-member-main>.eva-members-ai-identity { flex:0 1 auto; min-width:0; }
.eva-chat-management-remove.semi-button { box-sizing:border-box; flex:0 0 24px; width:24px; max-width:24px; height:24px; min-width:24px; min-height:24px; max-height:24px; padding:0; border:0; border-radius:6px; background:transparent; color:var(--gds-color-text-secondary-accessible,#6b7280); }
.eva-chat-management-remove.semi-button:hover { background:var(--wk-bg-hover,#e9eaec); color:var(--wk-text-primary,#202127); }
.eva-chat-management-role-tag.semi-tag { flex:none; height:20px; padding:0 6px; border-radius:6px; font-size:12px; line-height:20px; font-weight:500; }
.eva-chat-terminal-actions { display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 0 16px; }
.eva-chat-terminal-actions .semi-button { min-width:96px;height:36px;border-radius:8px;font-weight:400; }
.eva-chat-terminal-actions .eva-chat-exit-button { border:1px solid var(--semi-color-danger);background:transparent;color:var(--semi-color-danger); }
.eva-group-owner-leave-footer { width:100%;display:flex;align-items:center;justify-content:space-between; }
.eva-group-owner-leave-footer-actions { display:flex;align-items:center;gap:12px; }
.eva-members-modal .semi-modal-footer .eva-group-owner-leave-footer .semi-button { margin-left:0; }

/* GDS settings composition; retain the existing shared membership model. */
.eva-chat-settings { line-height:22px; }
.eva-chat-settings-head { background:var(--eva-surface-primary); }
.eva-chat-setting-section { background:var(--eva-surface-primary); }
.eva-chat-setting-edit textarea { font-size:15px;line-height:24px; }
.eva-chat-setting-edit textarea:focus-visible { outline:2px solid var(--eva-action-primary);outline-offset:2px; }
.eva-chat-settings-note { color:var(--gds-color-text-secondary-accessible);line-height:16px; }
.eva-chat-member-tile { border-radius:8px; }

.eva-chat-member-tile .eva-members-ai-identity { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 4px;align-items:center; }
.eva-chat-member-tile .eva-members-ai-identity > .eva-ai-avatar { grid-column:1 / -1;justify-self:center; }
/* Subzone details share the GDS group/direct settings shell and spacing. */
.eva-thread-settings .eva-chat-settings-body { background:var(--eva-surface-subtle); }
.eva-thread-setting-label i { display:block; margin-top:8px; color:var(--gds-color-text-secondary-accessible); font-size:12px; line-height:16px; font-style:normal; }

/* Shared IM side-panel chrome: settings, tasks and thread lists. */
.ch-layout :is(.eva-chat-settings-head,.wk-thread-panel-header,.wk-file-preview-header,.loop-idp--panel > .loop-idp__topbar) { box-sizing:border-box; height:56px; min-height:56px; margin:0; padding:0 20px; display:flex; align-items:center; gap:12px; background:var(--eva-surface-primary); border-bottom:1px solid var(--wk-border-subtle,#e6e7e9); }
.ch-layout :is(.eva-chat-settings-head h3,.wk-thread-panel-header-title,.wk-thread-panel-header > strong) { margin:0; flex:1; min-width:0; font-size:16px; line-height:24px; font-weight:600; }
.ch-layout .eva-chat-settings-head button[aria-label^="关闭"] { order:2; margin-left:auto; }
.ch-layout .wk-thread-panel-header-icon { display:none; }
.ch-layout :is(.wk-thread-panel-header-btn,.wk-thread-panel-header > button) { width:32px; height:32px; display:flex; align-items:center; justify-content:center; border-radius:8px; }
.ch-layout :is(.ch-right-panel--overlay,.ch-right-panel--wkthread) { width:380px; flex-basis:380px; }
.ch-layout :is(.wk-thread-panel-create-btn,.eva-chat-task-list-body > .semi-button) { box-sizing:border-box; width:100%; height:36px; min-height:36px; margin:0 0 16px; padding:0 12px; border:1px solid var(--eva-im-tint-25); border-radius:8px; background:var(--eva-im-tint-06); color:var(--eva-action-primary); font-size:14px; font-weight:500; }
.ch-layout :is(.wk-thread-panel-list-view,.eva-chat-task-list-body) { padding:16px 20px; }

.ch-layout .eva-chat-task-list-body > .semi-button .semi-button-content-right { margin-left:6px; }

.ch-layout .wk-file-preview-header__left { flex:1; min-width:0; }
.ch-layout .wk-file-preview-header__dropdown-text { font-size:16px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ch-layout .wk-file-preview-header__actions { display:flex; align-items:center; flex:none; gap:6px; }
.ch-layout .wk-file-preview-header__btn,
.ch-layout .eva-preview-close { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:0; border-radius:8px; background:transparent; color:var(--wk-text-secondary); cursor:pointer; }
.ch-layout .eva-preview-close:hover { background:var(--eva-overlay-hover); }
.ch-layout .loop-idp--panel > .loop-idp__topbar .loop-idp__crumbs { min-width:0; overflow:hidden; }

.eva-thread-list{display:flex;flex-direction:column;height:100%;min-height:0;color:var(--semi-color-text-0)}
.eva-thread-list-body{display:flex;flex-direction:column;min-height:0;padding:16px 20px;overflow:auto}
.eva-thread-list-tabs{display:flex;flex-shrink:0;border-bottom:1px solid var(--semi-color-border);margin-bottom:16px}
.eva-thread-list-tabs button{flex:1;border:0;border-bottom:2px solid transparent;background:none;padding:10px 0;color:var(--semi-color-text-2);font:inherit;font-size:14px;cursor:pointer}
.eva-thread-list-tabs button[aria-selected=true]{color:var(--eva-action-primary);border-bottom-color:var(--eva-action-primary);font-weight:500}
.eva-thread-list-tabs span{margin-left:6px;font-size:12px}
.eva-thread-list-cards{display:flex;flex-direction:column;gap:12px}
.eva-thread-list-card{padding:14px;border:1px solid var(--semi-color-border);border-radius:8px;background:var(--semi-color-bg-0);display:flex;flex-direction:column;gap:10px;min-width:0}
.eva-thread-list-card:hover{background:var(--semi-color-fill-0)}
.eva-thread-list-card-head{display:flex;align-items:center;gap:8px}
.eva-thread-list-open,.eva-thread-list-summary{padding:0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer;min-width:0}
.eva-thread-list-open{display:flex;align-items:center;gap:6px;flex:1}
.eva-thread-list-open strong{font-size:14px;line-height:22px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eva-thread-list-summary{font-size:14px;line-height:22px;color:var(--semi-color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eva-thread-list-meta{display:flex;align-items:center;gap:8px;font-size:12px;line-height:18px;color:var(--semi-color-text-2)}
.eva-thread-list-meta time{margin-left:auto;white-space:nowrap}
.eva-thread-list-restore{align-self:flex-end}
.eva-thread-list-empty{padding:24px 0;text-align:center;font-size:14px;color:var(--semi-color-text-2)}
.eva-thread-list button:focus-visible{outline:2px solid var(--eva-action-primary);outline-offset:2px}
.eva-thread-list-pin{flex-shrink:0;font-size:12px;line-height:18px;font-weight:400;color:var(--semi-color-text-2)}
.eva-thread-mention-option .eva-chat-setting-row{padding-left:32px;font-size:12px;color:var(--semi-color-text-2)}
.eva-thread-settings .eva-chat-settings-body{padding-bottom:64px}
/* Thread full member list reuses the group member page shell, read-only. */
.eva-thread-settings{position:relative}
.eva-thread-members-page{position:absolute;inset:0;z-index:1}
.eva-thread-settings .eva-thread-members-page .eva-chat-settings-body{background:var(--wk-bg-base,#fff);padding-bottom:16px}

/* Compact sidebar variant of the market chips; wrap whole chips without horizontal scrolling. */
.eva-chat-member-chips { display:flex; gap:6px; flex-wrap:wrap; margin-top:12px; }
.eva-chat-member-chip-all,.eva-chat-member-chip-item { display:inline-flex; align-items:center; flex:none; }
.eva-chat-member-chip-divider { width:1px; height:14px; margin:0 3px 0 9px; background:var(--eva-border-default); }
.eva-chat-member-chip-count { margin-left:4px; color:var(--eva-text-secondary-accessible); font-variant-numeric:tabular-nums; opacity:.75; }
.eva-chat-member-chips .semi-button[aria-pressed="true"] .eva-chat-member-chip-count { margin-left:4px; color:inherit; }
.eva-chat-member-chips .semi-button { flex:none; height:28px; min-height:28px; padding:0 8px; border:1px solid var(--eva-border-faint); border-radius:8px; font:400 12px/18px var(--eva-font-sans); color:var(--eva-text-secondary-accessible); background:var(--eva-surface-primary); }
.eva-chat-member-chips .semi-button.semi-button-borderless:not(.semi-button-disabled):is(:hover,:active) { border:1px solid var(--eva-border-faint); background-image:linear-gradient(0deg,var(--eva-overlay-hover),var(--eva-overlay-hover)); }
.eva-chat-member-chips .semi-button[aria-pressed="true"],.eva-chat-member-chips .semi-button[aria-pressed="true"]:hover { border:1px solid var(--eva-border-focus); color:var(--eva-action-primary); background:color-mix(in srgb,var(--eva-action-primary) 8%,var(--eva-surface-primary)); }