:root {
  --v3-orange: #ff7200;
  --v3-text: #252a34;
  --v3-muted: #7b8493;
  --v3-line: #e5e9ef;
  --v3-soft: #f6f8fb;
  --v3-blue: #3178e8;
}

/* Refined scenario components. Names are prototype-local, not FxUI API classes. */
.scene-overview,.scene-detail,.scene-workbench,.scene-chat-card{font:14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#253044}
.scene-overview *,.scene-detail *,.scene-workbench *,.scene-chat-card *{box-sizing:border-box}
.scene-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:6px 13px;border:1px solid #dbe1e9;border-radius:6px;background:#fff;color:#425067;font:inherit;font-size:13px;white-space:nowrap;cursor:pointer}
.scene-button:hover{background:#f6f8fb;border-color:#bac6d6}
.scene-button.accent{background:#ff7900;border-color:#ff7900;color:white;box-shadow:0 2px 4px #ff790018}
.scene-button.accent:hover{background:#ee7100}
.scene-button:focus-visible,.scene-work-card:focus-visible{outline:2px solid #448ef7;outline-offset:3px}
.scene-chip{display:inline-flex;align-items:center;padding:3px 8px;background:#f0f3f8;color:#6b7689;border-radius:5px;font-size:11px;white-space:nowrap}
.scene-chip.amber{background:#fff0db;color:#b36616}.scene-chip.green{background:#e9f6f0;color:#24815e}
body .scene-overview{border-radius:12px;border:1px solid #e2e7ed;margin:12px;padding:0;background:#fff;box-shadow:0 3px 12px #293b4f05}
.scene-overview-top{display:flex;gap:10px;align-items:center;padding:16px 20px 0}
.scene-agent-name{display:flex;align-items:baseline;gap:10px}.scene-agent-name b{font-size:14px}.scene-agent-name>span,.scene-running{font-size:12px;color:#8b94a3}
.scene-live-dot{height:6px;width:6px;border-radius:50%;background:#40a880;margin-left:auto}
.scene-text-button{border:0;background:none;cursor:pointer;color:#67758a;font:inherit;font-size:12px;margin-left:16px}.scene-text-button>span{background:#f1f4f8;padding:1px 6px;border-radius:8px;margin:0 4px}
.scene-overview-copy{padding:14px 20px 17px 62px}
body .scene-overview-copy h2{display:block;margin:0;font-size:19px;font-weight:600;letter-spacing:-.3px;color:#283548}
.scene-overview-copy p{margin:6px 0 0;color:#8590a1;font-size:12px}
.scene-focus{display:flex;align-items:center;gap:12px;margin:0 20px 18px;padding:12px 14px;background:#fff9f0;border:1px solid #f5e5cb;border-radius:8px}
.scene-focus-mark{width:30px;height:30px;border-radius:9px;background:#ffedd3;color:#c47822;display:grid;place-items:center;font-weight:700}
.scene-focus>div{flex:1;min-width:0}.scene-focus strong{display:block;font-size:13px;font-weight:600}.scene-focus small{display:block;color:#9c8971;font-size:11px;margin-top:3px}.scene-focus.settled{background:#f5faf7;border-color:#e4eee8}
.scene-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 20px;background:#f8fafc;border-top:1px solid #e9edf3}
.scene-work-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;padding:16px;text-align:left;border:1px solid #e1e6ef;border-radius:10px;background:#fff;font:inherit;color:inherit;cursor:pointer;transition:box-shadow .15s,border-color .15s}
.scene-work-card:hover{border-color:#c3d2e6;box-shadow:0 4px 16px #34445a0b}
.scene-work-card>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.scene-work-card>div>span:last-child{font-size:11px;color:#8894a4}
.scene-work-card h3{font-size:14px;line-height:1.6;margin:12px 0 7px;font-weight:600}.scene-work-card p{font-size:12px;line-height:1.7;color:#8390a0;margin:0 0 16px;flex:1}
.scene-work-card footer{display:flex;align-items:center;gap:7px;font-size:12px;color:#778599}.scene-work-card footer b{margin-left:auto;font-weight:400;color:#4c80c3}
.scene-person{display:inline-grid;place-items:center;width:23px;height:23px;background:#eef3f9;color:#70819a;border-radius:50%;font-size:11px}
body .scene-detail{width:570px;border-radius:0;box-shadow:-10px 0 50px #2530441a;display:flex;flex-direction:column}
.scene-detail>header{height:auto;min-height:96px;padding:22px 26px}.scene-detail>header h2{font-size:18px;line-height:1.5}.scene-detail>header small{color:#8f9cad}
.scene-detail .v3-drawer-body{padding:0 26px 22px;overflow:auto;flex:1;min-height:0}
.scene-detail-identity{display:flex;align-items:center;gap:10px;padding:18px 0 20px}.scene-detail-identity>div{flex:1}.scene-detail-identity b{font-size:13px}.scene-detail-identity small{display:block;font-size:11px;color:#8a95a5;margin-top:3px}
.scene-decision{padding:18px;background:#fffbf5;border:1px solid #f0e2ce;border-radius:10px}.scene-section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.scene-section-heading h3{font-size:14px;margin:0}.scene-section-heading>span{font-size:11px;color:#8a95a5}.scene-decision>p{font-size:13px;margin:10px 0 14px;color:#647287}
.scene-option{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:7px 0;background:white;border:1px solid #e5e8ed;border-radius:7px;cursor:pointer}.scene-option:has(input:checked){border-color:#f0a65b;background:#fff5e8}.scene-option input{accent-color:#ee800d}.scene-option b{font-size:13px;font-weight:500}.scene-option small{display:block;font-size:11px;color:#919ba9;margin-top:2px}
.scene-note{display:block;margin-top:14px;font-size:12px;color:#6b7788}.scene-note>span{color:#a0a7b2}.scene-note textarea{display:block;width:100%;min-height:64px;padding:10px;margin-top:6px;border:1px solid #dfe4eb;border-radius:6px;resize:vertical;font:inherit;background:white;outline-color:#eaaf72}.scene-error:empty{display:none}.scene-decision .scene-error{color:#c8453e;margin:8px 0 0;font-size:12px}
.scene-progress{padding:22px 0 4px}.scene-progress ol{list-style:none;margin:15px 0 0;padding:0}.scene-progress li{position:relative;display:flex;gap:15px;padding:0 0 20px 19px;border-left:1px solid #e0e6ed;margin-left:5px}.scene-progress li:last-child{border-color:transparent;padding-bottom:6px}.scene-progress li:before{content:"";position:absolute;left:-4px;top:5px;width:7px;height:7px;border-radius:50%;background:#59ad8c}.scene-progress li.current:before{background:#e5a242;box-shadow:0 0 0 3px #fff1dd}.scene-progress li>span{font-size:11px;color:#97a1af;padding-top:1px;min-width:32px}.scene-progress b{font-size:12px;font-weight:500}.scene-progress p{margin:4px 0 0;font-size:11px;color:#8c98a8}
.scene-next{padding:13px 15px;background:#f5f8fb;border-radius:8px}.scene-next h3{font-size:12px;margin:0}.scene-next p{font-size:12px;margin:5px 0 0;line-height:1.7;color:#7d8a9d}.scene-success{padding:18px;background:#eff8f2;border:1px solid #d8ebdf;border-radius:9px;color:#388362}.scene-success p{margin:6px 0 0;font-size:13px}
.scene-detail>footer{padding:15px 26px;display:flex;gap:8px;justify-content:flex-end}
.scene-chat-card{width:360px;max-width:100%;background:#fff;border:1px solid #e2e7ef;border-radius:10px;overflow:hidden}
.scene-chat-card-head{padding:12px 15px;display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;font-size:12px;color:#8391a2;background:#fafbfd}.scene-chat-card h3{margin:15px 16px 6px;font-size:15px}.scene-chat-card>p{margin:0 16px 15px;font-size:12px;line-height:1.8;color:#8390a2}.scene-chat-owner{display:flex;align-items:center;gap:8px;margin:0 16px 15px;font-size:12px;color:#6c7a8e}.scene-chat-owner small{margin-left:auto;color:#929dab}.scene-chat-card footer{border-top:1px solid #e8edf3;padding:11px 15px;display:flex;align-items:center;gap:12px}.scene-chat-card footer>span{font-size:11px;color:#939fb0}
.runtime-message-bubble:has(.scene-chat-card){padding:0!important;background:transparent!important}
.scene-chat-time{text-align:center;color:#a0a8b4;font-size:11px;margin:10px 0 20px}
.scene-feed-actions{display:flex;justify-content:flex-end;gap:6px;padding:8px 0}.scene-feed-input textarea{width:100%;box-sizing:border-box;min-height:60px;border:1px solid #dfe4eb;border-radius:6px;padding:8px;font:inherit}.scene-feed-input>.scene-button{margin-top:5px}.scene-feed-reply{font-size:12px;padding:8px;background:#f4f7fb;border-radius:6px;overflow-wrap:anywhere}
body .scene-workbench{padding:28px 7vw 80px;background:#f5f7fa}.scene-workbench>header h1{font-size:24px;margin:6px 0}.scene-workbench>header p{font-size:13px;color:#8b97a8;margin:0}.scene-tabs{display:flex;gap:26px;border-bottom:1px solid #e1e7ef;margin-top:25px}.scene-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:13px 0;font:inherit;color:#7e8c9f;cursor:pointer}.scene-tabs button.active{color:#26394f;border-bottom-color:#f0822e}.scene-tabs span{margin-left:8px;background:#eaf0f6;padding:2px 6px;border-radius:5px;font-size:11px}.scene-workbench-content{margin-top:24px}.scene-workbench-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}.scene-quiet-empty{padding:40px;color:#7d8a9b;grid-column:1/-1;text-align:center;background:white;border-radius:10px}.scene-quiet-empty p{font-size:12px}

body,
button,
input,
textarea {
  letter-spacing: 0;
}

.v3-front-nav {
  height: 42px;
  padding: 3px 5px;
  border-radius: 7px;
  border-color: #e0e4ea;
  box-shadow: 0 8px 24px rgba(33, 43, 58, .13);
}

.v3-front-nav strong {
  color: var(--v3-text);
  font-size: 13px;
}

.v3-front-nav button {
  height: 34px;
  border-radius: 5px;
}

.v3-front-nav button b {
  min-width: 18px;
  height: 18px;
  margin-left: 5px;
  padding: 0 5px;
  display: inline-grid;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: var(--v3-orange);
  font-size: 11px;
}

.v3-btn {
  border-radius: 5px;
}

.v3-tag {
  border-radius: 3px;
}

/* 商机详情：数字员工任务成为业务详情中的紧凑协作区。 */
.v3-activity-board {
  margin: 12px;
  padding: 0;
  overflow: hidden;
  border-color: var(--v3-line);
  border-radius: 7px;
  box-shadow: 0 1px 2px rgba(28, 38, 52, .03);
}

.v3-activity-board > header {
  min-height: 52px;
  padding: 0 14px;
  border-bottom: 1px solid var(--v3-line);
}

.v3-activity-board > header > div {
  display: flex;
  align-items: center;
}

.v3-activity-board h2 {
  font-size: 16px;
}

.v3-task-component {
  border: 0;
}

.v3-activity-board .v3-task-component > header,
.v3-activity-board .v3-task-summary {
  display: none;
}

.v3-task-row {
  min-height: 72px;
  padding: 11px 14px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 10px;
  border-bottom-color: #edf0f4;
}

.v3-task-row:hover {
  background: #fafbfc;
}

.v3-task-kind {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #3976d8;
  background: #eef4ff;
}

.v3-task-row.ask .v3-task-kind {
  color: #c66c10;
  background: #fff3e5;
}

.v3-task-copy {
  min-width: 0;
}

.v3-task-copy > div {
  display: flex;
  align-items: center;
  gap: 8px;
}

.v3-task-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--v3-text);
  font-size: 14px;
}

.v3-task-copy p {
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.v3-activity-board .v3-task-row {
  min-height: 62px;
}

.v3-activity-board .v3-task-copy p {
  display: none;
}

.v3-row-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.v3-row-actions .v3-btn.quiet {
  border-color: transparent;
  color: var(--v3-blue);
  background: transparent;
}

.v3-row-actions .v3-btn.icon-only {
  width: 30px;
  padding: 0;
}

.v3-empty {
  padding: 18px;
}

/* 业务群：沿用原生消息流，任务只是消息中的业务卡片。 */
.runtime-message-row {
  margin-bottom: 18px;
}

.runtime-message-bubble {
  max-width: 520px;
  border-radius: 6px;
}

.v3-chat-task {
  width: 360px;
  padding: 12px 13px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px 10px;
  border-left: 3px solid var(--v3-orange);
  border-radius: 5px;
  background: #fff;
}

.v3-chat-task > span,
.v3-chat-task > b,
.v3-chat-task > small {
  grid-column: 1;
}

.v3-chat-task > b {
  color: var(--v3-text);
  font-size: 14px;
}

.v3-chat-task > small {
  color: var(--v3-muted);
}

.v3-chat-task > button {
  grid-column: 2;
  grid-row: 1 / 4;
  align-self: center;
}

/* 商机动态：写入右侧原生 Feed 列表，不占用左侧业务详情。 */
.v3-feed-board {
  display: none !important;
}

.v3-native-feed {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 9px;
  padding: 12px 10px !important;
  border-bottom: 1px solid #edf0f4;
  background: #fff;
}

.v3-native-feed-rail .v3-avatar {
  width: 28px;
  height: 28px;
}

.v3-native-feed-main {
  min-width: 0;
}

.v3-native-feed-main > header {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  line-height: 20px;
}

.v3-native-feed-main > header div {
  min-width: 0;
}

.v3-native-feed-main > header b {
  margin-right: 6px;
  color: var(--v3-text);
}

.v3-native-feed-main > header span,
.v3-native-feed-main > header small {
  color: var(--v3-muted);
}

.v3-native-feed-main > p {
  margin: 8px 0 10px;
  color: #505966;
  line-height: 20px;
}

.v3-native-data-card {
  width: 100%;
  min-height: 62px;
  padding: 9px 10px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 16px;
  gap: 9px;
  align-items: center;
  text-align: left;
  border: 1px solid #e1e6ed;
  border-radius: 6px;
  background: #fafbfc;
  cursor: pointer;
}

.v3-native-data-card:hover {
  border-color: #cfd8e6;
  background: #f7f9fc;
}

.v3-native-data-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #c66c10;
  background: #fff0dc;
}

.v3-native-data-card b,
.v3-native-data-card small {
  display: block;
}

.v3-native-data-card b {
  color: var(--v3-text);
  font-size: 13px;
}

.v3-native-data-card small {
  margin-top: 4px;
  color: var(--v3-muted);
}

.v3-native-data-card > i {
  color: #8b94a1;
}

.v3-native-feed-main > footer {
  margin-top: 9px;
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}

.v3-native-feed-main > footer button {
  padding: 0;
  border: 0;
  color: #657184;
  background: transparent;
  cursor: pointer;
}

.v3-native-feed-composer {
  margin-top: 9px;
  display: flex;
  border: 1px solid #dfe4eb;
  border-radius: 5px;
  overflow: hidden;
}

.v3-native-feed-composer input {
  min-width: 0;
  height: 32px;
  flex: 1;
  padding: 0 9px;
  border: 0;
  outline: 0;
}

.v3-native-feed-composer button {
  width: 50px;
  border: 0;
  border-left: 1px solid #e5e9ef;
  color: var(--v3-blue);
  background: #fff;
  cursor: pointer;
}

.v3-native-feed-reply {
  margin-top: 9px;
  padding: 8px;
  display: flex;
  gap: 7px;
  border-radius: 5px;
  background: var(--v3-soft);
}

.v3-native-feed-reply .v3-avatar {
  width: 24px;
  height: 24px;
}

.v3-native-feed-reply b {
  display: block;
}

/* 个人工作台：保持任务型工作面，不使用横向空洞统计大卡。 */
.v3-workbench {
  padding: 18px 5vw 76px;
}

.v3-workbench h1 {
  font-size: 20px;
}

.v3-workbench-summary {
  margin-top: 14px;
  display: flex;
  gap: 0;
  border-bottom: 1px solid var(--v3-line);
}

.v3-workbench-summary button {
  min-width: 118px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--v3-muted);
  background: transparent;
  cursor: pointer;
}

.v3-workbench-summary button.active {
  border-bottom-color: var(--v3-orange);
  color: var(--v3-text);
}

.v3-workbench-summary b {
  font-size: 18px;
}

.v3-workbench-layout {
  grid-template-columns: 176px minmax(620px, 1fr);
  gap: 12px;
  margin-top: 12px;
}

.v3-workbench-layout > section,
.v3-workbench-layout > aside {
  padding: 14px;
  border-radius: 7px;
}

.v3-workbench-activity {
  display: none;
}

.v3-workbench-menu button {
  border-radius: 5px;
}

.v3-dialog,
.v3-drawer,
.v3-escalation,
.v3-context,
.v3-answer textarea {
  border-radius: 7px;
}
