body{background:#f4f6fb}.sidebar{background:#fbfcff;width:302px;box-shadow:8px 0 24px rgba(15,23,42,.035)}.brand strong{font-size:20px}.brand span::after{content:' · V3.5.6';color:#667085}.brand small{display:none}.notify{background:#fff3e8;color:#c2410c;border:1px solid #fed7aa}.wallet{border-radius:14px;background:#fff3e7}.wallet strong{font-size:19px}.wallet .mini{background:#fff;color:#e4511a;border:1px solid #fed7aa}.support{display:flex;align-items:center;gap:6px}.support::before{content:''}nav button{position:relative;border-radius:12px;color:#344054;background:transparent}nav button.active{background:#fff0e7;color:#c2410c}nav button.active::before{content:'';position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:99px;background:#f26a2e}.new-chat{border-radius:13px;color:#fff}.conversation{border-radius:13px}.main{padding:20px 22px}.topbar{padding:2px 0 13px}.topbar h1{font-size:24px}.topbar p{font-size:14px}.chat-stage{border-radius:0;border:0;background:#fff}.message-list{padding:28px 34px}.bubble{border-radius:16px;box-shadow:none}.msg.user .bubble{background:#eff6ff;color:#172554}.msg.assistant .bubble{background:#fff3e8;color:#1f2937}.composer{width:min(880px,calc(100% - 48px));margin:0 auto 18px;border-radius:20px;box-shadow:0 14px 35px rgba(15,23,42,.09)}.composer textarea{min-height:68px}.activity-side-btn{box-shadow:none}.profile{border-radius:13px}.app-shell{height:calc(100vh - 40px)}

/* 可读性修复：避免浅背景上的白字/淡字看不清 */
.sidebar .brand strong{color:#111827!important;font-weight:900}.sidebar .brand span,.sidebar .brand small{color:#475467!important;font-weight:700}.wallet span{color:#7c2d12!important;font-weight:800}.wallet strong{color:#431407!important;font-weight:950}.wallet .support,.support{color:#7c2d12!important;font-weight:900}.conversation strong{color:#9a3412!important;font-weight:900}.conversation span{color:#7c2d12!important;font-weight:750}.profile strong{color:#111827!important;font-weight:900}.profile span{color:#475467!important;font-weight:750}.notify{color:#9a3412!important;font-weight:900}.notify b{color:#c2410c!important}.top-actions .entry-pill{color:#111827!important}.entry-pill strong{color:#111827!important}.entry-pill em{color:#475467!important}.composer textarea::placeholder{color:#475467!important;opacity:1}.wallet .mini{color:#c2410c!important;font-weight:950}.new-chat{color:#fff!important;text-shadow:0 1px 1px rgba(124,45,18,.25)}

/* 侧边栏导航可读性修复：鼠标悬停/焦点时也不能变白 */
.sidebar nav button,
.sidebar nav button:visited,
.sidebar nav button:focus,
.sidebar nav button:focus-visible{
  color:#1f2937!important;
  background:transparent!important;
  text-shadow:none!important;
  opacity:1!important;
  font-weight:850!important;
}
.sidebar nav button:hover{
  color:#9a3412!important;
  background:#fff0e7!important;
  text-shadow:none!important;
  opacity:1!important;
}
.sidebar nav button.active,
.sidebar nav button.active:hover,
.sidebar nav button.active:focus{
  color:#c2410c!important;
  background:#fff0e7!important;
  text-shadow:none!important;
  opacity:1!important;
}
.sidebar nav button svg,
.sidebar nav button span,
.sidebar nav button *{
  color:inherit!important;
  opacity:1!important;
}

/* QA polish: modal and composer layout */
.modal-backdrop{
  background:rgba(15,23,42,.46)!important;
  backdrop-filter:blur(8px)!important;
  align-items:center!important;
  justify-items:center!important;
}
.lobster-modal{
  max-height:calc(100vh - 96px)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.modal-head,.modal-title-row{
  flex:0 0 auto!important;
  padding:16px 22px 10px!important;
}
.modal-search{
  flex:0 0 auto!important;
  margin-bottom:12px!important;
}
.assistant-modal-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  padding-bottom:14px!important;
}
.assistant-option p,.market-card p,.hub-row em,.modal-head p{
  color:#475467!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.composer-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.tool-row{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
}
.send{
  margin-left:auto!important;
  align-self:flex-end!important;
  min-width:92px!important;
  background:#111827!important;
  color:#fff!important;
}
@media(max-width:820px){
  .composer-bottom{align-items:stretch!important;flex-direction:column!important;}
  .send{width:100%!important;margin-left:0!important;}
}

.modal-backdrop{
  display:grid!important;
  place-items:center!important;
  pointer-events:auto!important;
}
.modal-backdrop.hidden{display:none!important;}
.lobster-modal{pointer-events:auto!important;}
.lobster-modal.hidden{display:none!important;}/* Reference-style AI work log */
.msg.has-worklog .bubble{
  background:#fff!important;
  border-color:#e5e7eb!important;
  box-shadow:0 10px 24px rgba(15,23,42,.05)!important;
}
.msg.has-worklog .bubble > pre{
  margin:12px 0 0;
  color:#111827!important;
  font-size:14px;
  line-height:1.72;
  white-space:pre-wrap;
}
.worklog{
  border-bottom:1px solid #e5e7eb;
  padding:0 0 10px;
  margin:0 0 10px;
  color:#667085;
}
.worklog summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:28px;
  font-size:13px;
  font-weight:760;
  color:#667085;
  user-select:none;
}
.worklog summary::-webkit-details-marker{display:none;}
.worklog summary b{
  color:#98a2b3;
  font-size:13px;
  font-weight:900;
  transition:transform .16s ease;
}
.worklog[open] summary b{transform:rotate(180deg);}
.worklog-detail{
  display:grid;
  gap:7px;
  margin-top:8px;
  padding:2px 0 0;
}
.worklog-step{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-items:start;
  gap:8px;
  color:#667085;
  font-size:13px;
}
.worklog-step span{
  width:22px;
  height:22px;
  border-radius:999px;
  display:grid;
  place-items:center;
  color:#667085;
  background:#f2f4f7;
  font-size:11px;
  font-weight:850;
}
.worklog-step p{
  margin:1px 0 0;
  color:#667085;
  line-height:1.55;
}
.worklog-step p small{
  display:block;
  margin-top:4px;
  color:#98a2b3;
  font-size:11px;
  overflow-wrap:anywhere;
}
.msg.thinking .worklog summary span::after,
.auto-worklog[open] summary span::after{
  content:'';
  display:inline-block;
  width:5px;
  height:5px;
  margin-left:7px;
  border-radius:999px;
  background:#98a2b3;
  animation:worklogBlink 1s ease-in-out infinite;
  vertical-align:middle;
}
@keyframes worklogBlink{0%,100%{opacity:.25}50%{opacity:1}}
.auto-worklog{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:10px 12px;
  margin:0 0 4px;
}
.auto-worklog .worklog-detail{max-height:180px;overflow:auto;}

.view:not(.active-view) .worklog,
.view:not(.active-view) .auto-worklog{
  display:none!important;
}

.history-modal{width:min(760px,calc(100vw - 56px))!important;}
.history-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 24px 10px;
  color:#667085;
}
.history-modal-head h3{margin:0;font-size:15px;color:#111827;}
.history-modal-head span{font-size:13px;font-weight:760;}
.history-modal-list{
  display:grid;
  gap:9px;
  padding:0 24px 24px;
  overflow:auto;
  min-height:0;
}
.history-run{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  gap:5px 14px;
  align-items:center;
  text-align:left;
  border:1px solid #e5e7eb;
  background:#fff;
  color:#111827;
  border-radius:14px;
  padding:12px 14px;
  box-shadow:none;
}
.history-run:hover,.history-run.active{
  background:#fff7ed;
  border-color:#fed7aa;
  color:#9a3412;
  filter:none;
}
.history-run strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  font-weight:860;
}
.history-run span{
  grid-column:1;
  color:#667085;
  font-size:12px;
  font-weight:720;
}
.history-run em{
  grid-row:1 / span 2;
  grid-column:2;
  font-style:normal;
  color:#98a2b3;
  font-size:12px;
  white-space:nowrap;
}
@media(max-width:720px){.history-run{grid-template-columns:1fr}.history-run em{grid-column:1;grid-row:auto}}

.automation-layout{
  grid-template-columns:minmax(0,1fr)!important;
}
.automation-workspace{
  width:100%!important;
}