/* 协作空间实验 · 管理数字员工（2026-10-24 产品决定 #137）
 * 公共 Dialog（editor 尺寸）承载外壳与焦点；这里只管面板内的两栏布局：
 * 左栏沿用设置面板的「标题 + 列表 + 底部入口」，右栏是选中员工的资料与操作。颜色只用 GDS / Semi 语义 token。 */

.eva-employee-panel-dialog .semi-modal-content { padding: 0; overflow: hidden; }
.eva-employee-panel-dialog .semi-modal-body-wrapper,
.eva-employee-panel-dialog .semi-modal-body { margin: 0; padding: 0; }

.eva-employee-panel {
  display: flex; height: min(640px, calc(100dvh - var(--topbar-height, 37px) - 48px)); min-height: 0;
  color: var(--gds-color-text-primary); font-family: var(--gds-font-family-sans);
  font-size: var(--gds-type-label-font-size); line-height: var(--gds-type-label-line-height);
}

/* 左栏：我的数字员工 */
.eva-employee-panel__side {
  display: flex; flex: 0 0 280px; flex-direction: column; min-height: 0; box-sizing: border-box;
  border-right: var(--gds-border-standard) solid var(--gds-color-border-subtle);
  background: var(--gds-color-surface-subtle);
}
.eva-employee-panel__brand {
  display: flex; align-items: center; gap: var(--gds-space-2); min-height: 56px; margin: 0; padding: var(--gds-space-2) var(--gds-space-4) 0 var(--gds-space-5);
  box-sizing: border-box; color: var(--gds-color-text-primary); font-size: 16px; line-height: 24px; font-weight: var(--gds-font-weight-medium);
}
.eva-employee-panel__brand > span { color: var(--gds-color-text-muted); font-size: var(--gds-type-caption-font-size); font-weight: var(--gds-font-weight-regular); }
.eva-employee-panel__search { padding: var(--gds-space-2) var(--gds-space-3); }
.eva-employee-panel__search .semi-input-wrapper { width: 100%; }
.eva-employee-panel__list { display: flex; flex: 1; flex-direction: column; gap: 2px; min-height: 0; overflow-y: auto; padding: 0 var(--gds-space-2) var(--gds-space-2); }
.eva-employee-panel__row {
  display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: var(--gds-space-2);
  width: 100%; min-height: 56px; padding: var(--gds-space-2); border: 0; border-radius: var(--gds-radius-control);
  background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.eva-employee-panel__row:hover { background: var(--eva-conversation-row-hover); }
.eva-employee-panel__row.is-selected,
.eva-employee-panel__row.is-selected:hover { background: var(--eva-conversation-row-selected); }
.eva-employee-panel__row:focus-visible { outline: 2px solid var(--gds-color-border-focus); outline-offset: -2px; }
.eva-employee-panel__row-main { display: flex; flex-direction: column; min-width: 0; }
.eva-employee-panel__row-main .eva-identity-name-text { color: var(--gds-color-text-primary); font-size: 14px; line-height: 22px; }
.eva-employee-panel__row-meta { display: flex; align-items: center; gap: var(--gds-space-2); min-width: 0; color: var(--gds-color-text-secondary); font-size: var(--gds-type-caption-font-size); line-height: var(--gds-type-caption-line-height); white-space: nowrap; }
.eva-employee-panel__row-state { color: var(--semi-color-success); }
.eva-employee-panel__row-state.is-pending { color: var(--semi-color-warning); }
.eva-employee-panel__row-state.is-disabled { color: var(--gds-color-text-muted); }
.eva-employee-panel__side-foot { flex: 0 0 auto; padding: var(--gds-space-2) var(--gds-space-3) var(--gds-space-3); border-top: var(--gds-border-standard) solid var(--gds-color-border-subtle); }
.eva-employee-panel__side-foot .semi-button { justify-content: flex-start; color: var(--gds-color-text-secondary); }
.eva-employee-panel__side-foot .semi-button:hover { color: var(--gds-color-text-primary); }

/* 右栏：员工资料 */
.eva-employee-panel__main { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; background: var(--gds-color-surface-primary); }
.eva-employee-panel__titlebar { display: flex; align-items: flex-start; gap: var(--gds-space-3); padding: var(--gds-space-5) var(--gds-space-3) var(--gds-space-4) var(--gds-space-6); }
.eva-employee-panel__identity { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; padding-top: 2px; }
.eva-employee-panel__identity h2 { margin: 0; color: var(--gds-color-text-primary); font-size: 18px; line-height: 26px; font-weight: var(--gds-font-weight-semibold, 600); }
.eva-employee-panel__identity p { margin: 0; color: var(--gds-color-text-secondary); font-size: 13px; line-height: 20px; }
.eva-employee-panel__close.semi-button { flex: none; width: 32px; height: 32px; padding: 0; color: var(--gds-color-text-secondary-accessible); }
.eva-employee-panel__blank { display: flex; justify-content: flex-end; padding: var(--gds-space-3); }
.eva-employee-panel__state {
  display: inline-flex; align-items: center; flex: none; height: 20px; padding: 0 var(--gds-space-2); border-radius: var(--gds-radius-full, 999px);
  background: var(--semi-color-success-light-default); color: var(--semi-color-success); font-size: 12px; line-height: 20px; font-weight: var(--gds-font-weight-regular);
}
.eva-employee-panel__state.is-pending { background: var(--semi-color-warning-light-default); color: var(--semi-color-warning); }
.eva-employee-panel__state.is-disabled { background: var(--semi-color-fill-0); color: var(--gds-color-text-muted); }

.eva-employee-panel__content { flex: 1; min-height: 0; overflow-y: auto; padding: 0 var(--gds-space-6) var(--gds-space-5); }
.eva-employee-panel__facts {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--gds-space-3); margin: 0 0 var(--gds-space-5); padding: var(--gds-space-3) var(--gds-space-4);
  border-radius: var(--gds-radius-control); background: var(--gds-color-surface-subtle);
}
.eva-employee-panel__facts > div { min-width: 0; }
.eva-employee-panel__facts dt { color: var(--gds-color-text-secondary); font-size: var(--gds-type-caption-font-size); line-height: var(--gds-type-caption-line-height); }
.eva-employee-panel__facts dd { margin: 2px 0 0; overflow: hidden; color: var(--gds-color-text-primary); text-overflow: ellipsis; white-space: nowrap; }

.eva-employee-panel__section + .eva-employee-panel__section { margin-top: var(--gds-space-5); }
.eva-employee-panel__section h3 {
  display: flex; align-items: center; gap: var(--gds-space-2); margin: 0 0 var(--gds-space-2);
  color: var(--gds-color-text-primary); font-size: 14px; line-height: 22px; font-weight: var(--gds-font-weight-medium);
}
.eva-employee-panel__count { color: var(--gds-color-text-muted); font-size: var(--gds-type-caption-font-size); font-weight: var(--gds-font-weight-regular); }
.eva-employee-panel__text { margin: 0; color: var(--gds-color-text-secondary); }
.eva-employee-panel__empty { margin: 0; color: var(--gds-color-text-muted); font-size: 13px; line-height: 20px; }
.eva-employee-panel__list > .eva-employee-panel__empty { padding: var(--gds-space-6) var(--gds-space-3); text-align: center; }

.eva-employee-panel__skills { display: flex; flex-wrap: wrap; gap: var(--gds-space-2); margin: 0; padding: 0; list-style: none; }
.eva-employee-panel__skills li { height: 24px; padding: 0 var(--gds-space-2); border-radius: var(--gds-radius-chip, 6px); background: var(--semi-color-fill-0); color: var(--gds-color-text-primary); font-size: 12px; line-height: 24px; }
.eva-employee-panel__cases { display: flex; flex-direction: column; gap: var(--gds-space-1); margin: var(--gds-space-3) 0 0; padding: 0; list-style: none; }
.eva-employee-panel__cases li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: baseline; gap: var(--gds-space-2); font-size: 13px; line-height: 20px; }
.eva-employee-panel__case-title { color: var(--gds-color-text-primary); }
.eva-employee-panel__case-result { overflow: hidden; color: var(--gds-color-text-secondary); text-overflow: ellipsis; white-space: nowrap; }
.eva-employee-panel__cases time { color: var(--gds-color-text-muted); font-size: 12px; }

.eva-employee-panel__access { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; border: var(--gds-border-standard) solid var(--gds-color-border-subtle); border-radius: var(--gds-radius-control); }
.eva-employee-panel__access li { display: grid; grid-template-columns: 16px minmax(96px, auto) minmax(0, 1fr); align-items: center; gap: var(--gds-space-2); padding: var(--gds-space-2) var(--gds-space-3); font-size: 13px; line-height: 20px; }
.eva-employee-panel__access li + li { border-top: var(--gds-border-standard) solid var(--gds-color-border-subtle); }
.eva-employee-panel__access svg { color: var(--gds-color-text-secondary); }
.eva-employee-panel__access-system { color: var(--gds-color-text-primary); white-space: nowrap; }
.eva-employee-panel__access-scope { color: var(--gds-color-text-secondary); }

.eva-employee-panel__links { display: flex; flex-direction: column; gap: 2px; margin: 0 calc(-1 * var(--gds-space-2)); padding: 0; list-style: none; }
.eva-employee-panel__links button {
  display: flex; align-items: center; gap: var(--gds-space-2); width: 100%; min-height: 36px; padding: var(--gds-space-1) var(--gds-space-2);
  border: 0; border-radius: var(--gds-radius-control); background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer;
}
.eva-employee-panel__links button:hover { background: var(--eva-conversation-row-hover); }
.eva-employee-panel__links button:focus-visible { outline: 2px solid var(--gds-color-border-focus); outline-offset: -2px; }
.eva-employee-panel__links svg { flex: none; }
.eva-employee-panel__link-title { display: flex; align-items: baseline; gap: var(--gds-space-2); min-width: 0; color: var(--gds-color-text-primary); }
.eva-employee-panel__calls button { min-height: 52px; }
.eva-employee-panel__caller { flex: none; width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.eva-employee-panel__call-main { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.eva-employee-panel__call-where { overflow: hidden; color: var(--gds-color-text-secondary); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.eva-employee-panel__call-title { overflow: hidden; color: var(--gds-color-text-secondary); font-size: 12px; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.eva-employee-panel__calls time { flex: none; color: var(--gds-color-text-muted); font-size: 12px; }

.eva-employee-panel__actions {
  display: flex; align-items: center; gap: var(--gds-space-2); padding: var(--gds-space-3) var(--gds-space-6) var(--gds-space-4);
  border-top: var(--gds-border-standard) solid var(--gds-color-border-subtle);
}
.eva-employee-panel__spacer { flex: 1; }

@media (max-width: 960px) {
  .eva-employee-panel__side { flex-basis: 240px; }
  .eva-employee-panel__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}