/* 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(5,minmax(0,1fr)); gap:16px 8px; padding:16px; }
.eva-chat-member-tile { position:relative; 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%; }
.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; font-weight:400; }
.eva-chat-member-tile .eva-members-ai-identity { flex-wrap:nowrap; }
.eva-chat-member-role { position:absolute; top:35px; left:50%; transform:translateX(-50%); font-size:10px; line-height:16px; padding:0 4px; color:var(--wk-text-inverse,#fff); background:var(--wk-text-primary,#202127); border-radius:3px; white-space:nowrap; }
.eva-chat-member-role.is-owner { background:var(--semi-color-warning); }
.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-list-row>button:first-child { border:0; padding:0; background:none; font:inherit; text-align:left; cursor:pointer; flex:1; }
.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-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-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; 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; }

/* 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-grid { grid-template-columns:repeat(auto-fit,minmax(56px,1fr)); }

.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; }