.seq-tabs {
  display: flex;
  gap: 6px;
  margin: 0 0 24px;
  padding: 6px;
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: rgba(19, 24, 41, 0.9);
  scrollbar-width: thin;
}

.seq-tab {
  flex: 1 0 auto;
  min-width: 112px;
  padding: 11px 16px;
  border: 0;
  border-radius: 9px;
  color: var(--text-dim);
  background: transparent;
  font: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.2s, background 0.2s, box-shadow 0.2s;
}

.seq-tab:hover,
.seq-tab:focus-visible {
  color: var(--text);
  outline: none;
  background: rgba(108, 140, 255, 0.1);
}

.seq-tab.is-active {
  color: #fff;
  background: linear-gradient(135deg, rgba(108, 140, 255, 0.9), rgba(124, 93, 219, 0.9));
  box-shadow: 0 7px 22px rgba(69, 89, 184, 0.25);
}

.seq-workspace {
  min-height: 320px;
}

.seq-workspace[hidden] {
  display: none !important;
}

.seq-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin: 8px 0 22px;
}

.seq-section-head h2 {
  margin-top: 4px;
  font-size: clamp(1.35rem, 3vw, 1.85rem);
  line-height: 1.2;
}

.seq-section-head p {
  max-width: 700px;
  margin-top: 8px;
  color: var(--text-dim);
  font-size: 0.88rem;
  line-height: 1.65;
}

.seq-eyebrow {
  color: var(--accent);
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.seq-actions,
.seq-toolbar {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.seq-talent-data-tools {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.seq-advanced-import {
  color: var(--text-dim);
  font-size: 0.74rem;
}

.seq-advanced-import summary {
  cursor: pointer;
  text-align: right;
}

.seq-advanced-import summary:hover,
.seq-advanced-import summary:focus-visible {
  color: var(--text);
}

.seq-advanced-import-body {
  display: grid;
  justify-items: end;
  gap: 8px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--card);
}

.seq-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}

.seq-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  padding: 8px 14px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text);
  background: var(--card);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s, transform 0.2s;
}

.seq-button:hover,
.seq-button:focus-visible {
  border-color: var(--accent);
  background: var(--card-hover);
  outline: none;
}

.seq-button:active {
  transform: translateY(1px);
}

.seq-button-primary {
  border-color: rgba(108, 140, 255, 0.55);
  background: rgba(108, 140, 255, 0.16);
  color: #dce4ff;
}

.seq-status,
.seq-inline-summary,
.seq-metric-note {
  margin-bottom: 16px;
  padding: 11px 14px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text-dim);
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.8rem;
}

.seq-status.is-success {
  color: var(--green);
  border-color: rgba(52, 211, 153, 0.35);
  background: rgba(52, 211, 153, 0.07);
}

.seq-status.is-error {
  color: var(--red);
  border-color: rgba(248, 113, 113, 0.35);
  background: rgba(248, 113, 113, 0.07);
}

.seq-inline-summary.is-success {
  color: var(--green);
  border-color: rgba(52, 211, 153, 0.35);
}

.seq-inline-summary.is-error {
  color: var(--red);
  border-color: rgba(248, 113, 113, 0.35);
}

.seq-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.seq-stat {
  min-height: 106px;
  padding: 17px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card);
}

.seq-stat strong {
  display: block;
  color: var(--text);
  font-size: 1.7rem;
  line-height: 1;
}

.seq-stat span {
  display: block;
  margin-top: 9px;
  color: var(--text-dim);
  font-size: 0.75rem;
}

.seq-callout {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 16px;
  margin-top: 16px;
  padding: 16px 18px;
  border-left: 3px solid var(--accent);
  border-radius: 6px 12px 12px 6px;
  background: rgba(108, 140, 255, 0.07);
  font-size: 0.82rem;
  line-height: 1.65;
}

.seq-callout strong {
  color: var(--accent);
}

.seq-callout span {
  color: var(--text-dim);
}

.seq-callout-warn {
  margin-bottom: 16px;
  border-left-color: var(--gold);
  background: rgba(251, 191, 36, 0.06);
}

.seq-callout-warn strong {
  color: var(--gold);
}

.seq-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
}

.seq-choice-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}

.seq-choice-button {
  min-height: 39px;
  padding: 8px 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text-dim);
  background: var(--card);
  font: inherit;
  font-size: 0.82rem;
  font-weight: 800;
  cursor: pointer;
}

.seq-choice-button:hover,
.seq-choice-button:focus-visible {
  border-color: var(--accent);
  color: var(--text);
  outline: none;
}

.seq-choice-button.is-active {
  border-color: rgba(108, 140, 255, 0.72);
  color: #fff;
  background: linear-gradient(135deg, rgba(108, 140, 255, 0.24), rgba(167, 139, 250, 0.16));
}

.seq-choice-button:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}

.seq-role-buttons .seq-choice-button,
.seq-view-buttons .seq-choice-button {
  min-height: 37px;
  padding: 7px 13px;
}

.seq-talent-stage-buttons {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  margin: 4px 0 14px;
}

.seq-talent-stage-buttons .seq-choice-button {
  display: grid;
  gap: 3px;
  text-align: left;
}

.seq-talent-purple-row {
  background: linear-gradient(90deg, rgba(167, 139, 250, 0.09), transparent 72%);
}

.seq-talent-purple-row td:first-child {
  box-shadow: inset 3px 0 0 rgba(167, 139, 250, 0.78);
}

.seq-talent-gap {
  color: #c4b5fd;
  font-weight: 900;
}

.seq-craftsman-buttons .seq-choice-button {
  display: grid;
  gap: 2px;
  min-width: 170px;
  text-align: left;
}

.seq-choice-button small {
  color: var(--text-dim);
  font-size: 0.68rem;
  font-weight: 500;
}

.seq-material-picker {
  margin: 2px 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(248, 113, 113, 0.24);
  border-radius: 12px;
  background: rgba(248, 113, 113, 0.035);
}

.seq-material-picker-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.seq-material-picker-head strong {
  color: #fecaca;
  font-size: 0.78rem;
}

.seq-material-picker-head span {
  color: var(--text-dim);
  font-size: 0.68rem;
}

.seq-material-buttons {
  margin-bottom: 8px;
}

.seq-material-button.is-active {
  border-color: rgba(248, 113, 113, 0.62);
  background: linear-gradient(135deg, rgba(248, 113, 113, 0.18), rgba(251, 146, 60, 0.1));
}

.seq-special-material-label {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  color: #fecaca;
  background: rgba(248, 113, 113, 0.14);
  font-size: 0.68rem;
  font-weight: 900;
}

.seq-tag-special {
  border-color: rgba(248, 113, 113, 0.3);
  color: #fecaca;
  background: rgba(248, 113, 113, 0.08);
}

.seq-affix-legend {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 4px 0 16px;
}

.seq-affix-legend article {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.025);
}

.seq-affix-legend strong {
  color: var(--text);
  font-size: 0.76rem;
}

.seq-affix-legend span {
  color: var(--text-dim);
  font-size: 0.7rem;
  line-height: 1.55;
}

.seq-toolbar {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card);
}

.seq-toolbar > label,
.seq-locks,
.seq-button-fieldset {
  display: grid;
  gap: 5px;
  min-width: 150px;
  color: var(--text-dim);
  font-size: 0.72rem;
}

.seq-button-fieldset {
  min-width: 210px;
  padding: 0;
  border: 0;
}

.seq-button-fieldset legend {
  padding: 0;
}

.seq-button-fieldset .seq-choice-buttons {
  margin: 0;
}

.seq-toolbar > [hidden] {
  display: none !important;
}

.seq-toolbar select,
.seq-toolbar input[type='search'] {
  min-height: 37px;
  padding: 7px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  background: #0d1221;
  font: inherit;
  font-size: 0.84rem;
  outline: none;
}

.seq-toolbar select:focus,
.seq-toolbar input[type='search']:focus {
  border-color: var(--accent);
}

.seq-locks {
  grid-template-columns: repeat(4, auto);
  align-items: center;
  min-width: auto;
  padding: 7px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.seq-locks legend {
  grid-column: 1 / -1;
  padding: 0 5px;
}

.seq-locks label {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--text);
}

.seq-table-wrap {
  overflow: auto;
  max-height: 620px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card);
}

.seq-table {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
  font-size: 0.78rem;
}

.seq-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 11px 12px;
  border-bottom: 1px solid var(--border);
  color: var(--text-dim);
  background: #101524;
  text-align: left;
  font-weight: 700;
}

.seq-table td {
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  vertical-align: top;
}

.seq-table tbody tr:hover {
  background: rgba(108, 140, 255, 0.045);
}

.seq-table tbody tr.is-location-prize {
  background: linear-gradient(90deg, rgba(251, 191, 36, 0.12), transparent 34%);
  box-shadow: inset 3px 0 0 var(--gold);
}

.seq-unverified {
  color: var(--gold);
  font-size: 0.66rem;
}

/* 打造页按玩家样板收敛成一张高密度序列表。 */
.seq-forge-head {
  margin-bottom: 14px;
}

.seq-forge-head p {
  max-width: none;
}

.seq-forge-toolbar {
  display: grid;
  grid-template-columns: minmax(150px, 1.2fr) minmax(180px, 1.45fr) repeat(4, minmax(105px, 0.8fr));
  align-items: end;
  gap: 8px;
  margin: 0 0 10px;
}

.seq-forge-toolbar label,
.seq-forge-field {
  display: grid;
  gap: 4px;
  min-width: 0;
  color: var(--text-dim);
  font-size: 0.68rem;
}

.seq-forge-toolbar select {
  width: 100%;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--text);
  background: #0d1221;
  font: inherit;
}

.seq-owned-equipment-picker {
  position: relative;
  min-width: 0;
}

.seq-owned-equipment-native {
  display: none;
}

.seq-owned-equipment-trigger {
  position: relative;
  width: 100%;
  min-height: 34px;
  padding: 6px 30px 6px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--text);
  background: #0d1221;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.seq-owned-equipment-trigger::after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: '';
  width: 7px;
  height: 7px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-65%) rotate(45deg);
  opacity: 0.75;
}

.seq-owned-equipment-trigger[aria-expanded="true"]::after {
  transform: translateY(-30%) rotate(225deg);
}

.seq-owned-equipment-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.seq-owned-equipment-trigger:not(:disabled):focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.seq-owned-equipment-menu {
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  left: 0;
  width: min(760px, calc(100vw - 40px));
  max-height: min(68vh, 620px);
  padding: 6px;
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 10px;
  background: #111827;
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.48);
}

.seq-owned-equipment-menu[hidden] {
  display: none;
}

.seq-owned-equipment-group {
  padding: 8px 9px 5px;
  color: var(--text-dim);
  font-size: 0.68rem;
  font-weight: 800;
}

.seq-owned-equipment-option {
  display: block;
  width: 100%;
  padding: 7px 9px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font: inherit;
  font-size: 0.74rem;
  line-height: 1.45;
  text-align: left;
  cursor: pointer;
}

.seq-owned-equipment-option:hover,
.seq-owned-equipment-option:focus-visible,
.seq-owned-equipment-option.is-active {
  outline: 0;
  background: rgba(96, 165, 250, 0.16);
}

.seq-equipment-quality-note {
  margin: -2px 0 10px;
  color: var(--text-dim);
  font-size: 0.72rem;
}

.seq-owned-equipment-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -1px 0 9px;
  padding: 8px 10px;
  border: 1px solid rgba(99, 102, 241, 0.24);
  border-radius: 8px;
  background: rgba(99, 102, 241, 0.055);
}

.seq-owned-equipment-actions[hidden] { display: none; }
.seq-owned-equipment-actions > span {
  min-width: 0;
  overflow: hidden;
  color: var(--text-dim);
  font-size: 0.68rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.seq-owned-equipment-actions > div { display: flex; flex: 0 0 auto; gap: 6px; }

.seq-equipment-quality-note b {
  color: var(--text);
  font-weight: 600;
}

.seq-forge-compat {
  display: none !important;
}

.seq-material-picker-compact {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: transparent;
}

.seq-material-picker-compact[hidden] {
  display: none;
}

.seq-material-picker-compact > strong {
  flex: 0 0 auto;
  color: var(--text-dim);
  font-size: 0.72rem;
}

.seq-material-picker-compact .seq-choice-buttons {
  margin: 0;
}

.seq-forge-tools {
  margin: 6px 0 10px;
  color: var(--text-dim);
  font-size: 0.72rem;
}

.seq-forge-tools > summary {
  width: fit-content;
  cursor: pointer;
  user-select: none;
}

.seq-forge-tools .seq-toolbar {
  margin-top: 9px;
  margin-bottom: 0;
}

#seqRefinementProjectionSummary,
#seqSpecialMaterialSummary {
  display: none;
}

.seq-red-material-section {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(248, 113, 113, 0.22);
  border-radius: 12px;
  background: rgba(248, 113, 113, 0.045);
}

.seq-red-material-section > div { display: grid; gap: 3px; }
.seq-red-material-section strong { color: var(--red); }
.seq-red-material-section span { color: var(--text-dim); font-size: 0.82rem; }
.seq-red-material-section label { min-width: 220px; }
.seq-red-affix-lines .seq-affix-line { color: var(--red); }

#seqForgeSummary {
  margin: 3px 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-dim);
  font-size: 0.68rem;
}

.seq-table-wrap {
  max-height: 680px;
  border-radius: 8px;
}

.seq-table {
  min-width: 860px;
  font-size: 0.8rem;
}

.seq-table th {
  padding: 10px 11px;
  white-space: nowrap;
}

.seq-table td {
  padding: 10px 11px;
  line-height: 1.6;
}

.seq-table tbody tr[data-forge-candidate] {
  cursor: pointer;
  transition: background 120ms ease, box-shadow 120ms ease;
}

.seq-table tbody tr[data-forge-candidate]:hover,
.seq-table tbody tr[data-forge-candidate]:focus-visible {
  outline: none;
  background: rgba(108, 140, 255, 0.085);
  box-shadow: inset 3px 0 0 var(--accent);
}

/* 2026-08 本地序列工作台：查询卡 + 结果表，不再复制背包操作流。 */
.container {
  max-width: 1440px;
}

header {
  padding: 24px 0 20px;
  text-align: left;
}

.seq-app-header {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr) minmax(190px, 290px);
  grid-template-areas: "navigation combat save";
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  padding: 0;
  text-align: left;
}

.seq-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.seq-app-header > .seq-tabs {
  grid-area: navigation;
  margin: 0;
}

.seq-app-header > .combat-toolbar {
  grid-area: combat;
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.seq-app-header > .combat-toolbar[hidden] {
  display: none;
}

.seq-save-identity {
  grid-area: save;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  margin-left: 0;
  padding: 3px 6px 3px 10px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: rgba(19, 24, 41, 0.76);
}

.seq-save-identity.is-loading {
  border-color: rgba(108, 140, 255, 0.55);
}

.seq-save-identity.is-success {
  border-color: rgba(52, 211, 153, 0.38);
}

.seq-save-identity.is-error {
  border-color: rgba(248, 113, 113, 0.42);
}

.seq-save-import-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.seq-save-import-button {
  width: auto;
  min-height: 30px;
  padding: 4px 9px;
  border-radius: 5px;
  font-size: 0.72rem;
  white-space: nowrap;
}

.seq-save-identity > strong {
  overflow: hidden;
  color: var(--text);
  font-size: 0.76rem;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#seqSaveIdentityMeta {
  grid-column: 1 / -1;
  padding: 2px 0 3px;
  overflow-wrap: anywhere;
  color: var(--text-dim);
  font-size: 0.73rem;
  line-height: 1.45;
}

#seqSaveIdentityMeta[hidden] {
  display: none;
}

#seqSaveStatus {
  grid-column: 1 / -1;
  min-width: 0;
  padding: 2px 0 3px;
  overflow-wrap: anywhere;
  font-size: 0.73rem;
  line-height: 1.45;
}

#seqSaveStatus[hidden] {
  display: none;
}

.seq-save-identity.is-error #seqSaveIdentityMeta {
  color: var(--red);
}

.seq-save-compat {
  color: var(--text-dim);
  font-size: 0.72rem;
}

.seq-save-compat summary {
  padding: 6px 0;
  cursor: pointer;
  color: #aeb9d2;
  font-weight: 700;
  white-space: nowrap;
}

.seq-save-compat summary:focus-visible {
  outline: 2px solid #b4c8ff;
  outline-offset: 2px;
}

.seq-save-compat-body {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  z-index: 40;
  width: min(360px, calc(100vw - 28px));
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  border-radius: 9px;
  background: #131829;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.36);
}

.seq-save-compat-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  margin-bottom: 8px;
}

.seq-save-compat-field {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid rgba(108, 140, 255, 0.2);
  border-radius: 8px;
  background: rgba(7, 11, 23, 0.42);
}

.seq-save-compat-field > span {
  color: var(--text-dim);
  font-size: 0.72rem;
}

.seq-save-compat-field > strong {
  overflow: hidden;
  color: var(--text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.seq-save-compat-field input {
  width: 100%;
  min-height: 30px;
  padding: 5px 7px;
  border: 0;
  border-radius: 5px;
  color: var(--text);
  background: rgba(255, 255, 255, 0.055);
}

.seq-save-compat-body > small {
  display: block;
  margin-bottom: 8px;
  line-height: 1.45;
}

.seq-save-compat-body > small:empty {
  display: none;
}

.seq-save-compat-body > .seq-button {
  width: auto;
  min-height: 30px;
  padding: 4px 9px;
  font-size: 0.72rem;
}

@media (min-width: 721px) and (max-width: 1100px) {
  .seq-app-header {
    grid-template-columns: max-content minmax(190px, 1fr);
    grid-template-areas: "navigation save" "combat combat";
  }

  .seq-app-header > .seq-save-identity {
    justify-self: end;
    max-width: 290px;
  }
}

@media (max-width: 720px) {
  .seq-app-header {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "navigation" "save" "combat";
    gap: 6px;
  }

  .seq-app-header > .combat-toolbar {
    flex-wrap: wrap;
  }
}

.seq-tabs {
  position: sticky;
  top: 10px;
  z-index: 20;
  width: fit-content;
  max-width: 100%;
  margin-bottom: 20px;
  border-color: rgba(148, 163, 184, 0.2);
  background: rgba(10, 14, 26, 0.88);
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(16px);
}

.seq-tab {
  min-width: 104px;
  padding: 10px 15px;
}

.seq-query-card,
[data-seq-panel="talent"] > .seq-toolbar {
  margin-bottom: 14px;
  padding: 18px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(22, 27, 40, 0.98), rgba(15, 19, 31, 0.98));
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.seq-query-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  align-items: end;
  gap: 14px;
  margin-bottom: 14px;
}

.seq-query-label,
.seq-query-horizon,
.seq-special-controls label {
  display: grid;
  gap: 7px;
  color: #9aa4b7;
  font-size: 0.74rem;
  font-weight: 750;
}

.seq-query-horizon input,
.seq-special-controls input,
.seq-special-controls select {
  width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 8px;
  color: var(--text);
  background: #090d16;
  font: inherit;
}

.seq-equipment-types {
  margin-top: 7px;
}

.seq-slot-filter {
  display: block;
  width: 82px;
  min-height: 26px;
  margin-top: 5px;
  padding: 4px 6px;
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text);
  background: #0d1221;
  font: inherit;
  font-size: 0.65rem;
}

.seq-jianwang-section {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(17, 22, 36, 0.72);
}

.seq-jianwang-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.seq-jianwang-head h2 { margin: 2px 0 0; font-size: 1.15rem; }
.seq-jianwang-head p { color: var(--gold); font-size: 0.7rem; }
.seq-jianwang-section .seq-choice-buttons { margin-bottom: 12px; }

.seq-jianwang-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
}

.seq-jianwang-family-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.seq-jianwang-instance-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.seq-jianwang-instance-tabs .seq-choice-button {
  display: grid;
  min-width: 150px;
  gap: 2px;
  text-align: left;
}

.seq-jianwang-instance-tabs small { color: var(--text-dim); font-size: 0.58rem; }

.seq-jianwang-future-controls {
  display: grid;
  gap: 8px;
  margin: -2px 0 10px;
  padding: 9px;
  border: 1px solid rgba(99, 102, 241, 0.22);
  border-radius: 9px;
  background: rgba(15, 23, 42, 0.34);
  color: var(--text-dim);
  font-size: 0.64rem;
}
.seq-jianwang-future-range,
.seq-jianwang-signature-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.seq-jianwang-future-presets {
  display: flex;
  flex: 1 1 580px;
  flex-wrap: wrap;
  gap: 4px;
}
.seq-jianwang-future-number {
  min-width: 28px;
  min-height: 28px;
  padding: 3px 7px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.62);
  color: var(--text-dim);
  cursor: pointer;
}
.seq-jianwang-future-number.is-active {
  border-color: var(--blue);
  background: rgba(99, 102, 241, 0.2);
  color: var(--text);
}
.seq-jianwang-future-controls label { display: inline-flex; align-items: center; gap: 4px; }
.seq-jianwang-future-controls input,
.seq-jianwang-future-controls select {
  width: 54px;
  min-height: 28px;
  padding: 3px 6px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.62);
  color: var(--text);
}
.seq-jianwang-future-controls select { width: 86px; }
.seq-jianwang-signature-filter {
  padding-top: 8px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
}
.seq-jianwang-signature-filter > span { color: var(--text-dim); }
.seq-jianwang-signature-families { display:flex; gap:7px; flex-wrap:wrap; margin-top:9px; }
.seq-jianwang-filter-error { margin: 0; color: var(--gold); }
.seq-jianwang-signature-matches {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.seq-jianwang-signature-matches button {
  display: grid;
  gap: 1px;
  min-width: 150px;
  padding: 7px 9px;
  border: 1px solid rgba(251, 191, 36, 0.34);
  border-radius: 7px;
  background: rgba(251, 191, 36, 0.07);
  color: var(--text);
  text-align: left;
  cursor: pointer;
}
.seq-jianwang-signature-matches button:hover { border-color: var(--gold); }
.seq-jianwang-signature-matches span { color: var(--gold); font-size: 0.6rem; }
.seq-jianwang-future-note {
  margin: 0 0 8px !important;
  padding: 6px 8px;
  border-left: 2px solid var(--gold);
  color: var(--gold) !important;
}

.seq-jianwang-family-tabs .seq-choice-button {
  display: grid;
  min-width: 145px;
  gap: 2px;
  text-align: left;
}
.seq-jianwang-family-tabs .seq-choice-button small { color: var(--text-dim); font-size: 0.54rem; }
.seq-jianwang-family-tabs .seq-choice-button.is-unavailable { opacity: 0.68; border-style: dashed; }
.seq-jianwang-family-tabs .seq-choice-button.is-unavailable.is-active { opacity: 1; }
.seq-jianwang-family-status { font-size: 0.6rem; color: var(--text-dim); }
.seq-jianwang-family-status.is-available { color: #34d399; }
.seq-jianwang-family-status.is-reference { color: var(--gold); }

.seq-jianwang-card {
  padding: 11px;
  border: 1px solid rgba(248, 113, 113, 0.22);
  border-radius: 9px;
  background: rgba(248, 113, 113, 0.035);
}

.seq-jianwang-card header { display: grid; gap: 2px; margin-bottom: 7px; padding: 0; text-align: left; }
.seq-jianwang-card header strong { color: #fda4af; }
.seq-jianwang-card header span, .seq-jianwang-card p { color: var(--text-dim); font-size: 0.65rem; }
.seq-jianwang-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
}
.seq-jianwang-topline .seq-jianwang-stage-line { margin-bottom: 0; }
.seq-jianwang-card-actions { display: flex; justify-content: flex-end; }
.seq-jianwang-card-actions .seq-button { min-width: 150px; white-space: nowrap; }
#seqJianwangFamilies [data-jianwang-future-special]:disabled,
#seqJianwangFamilies [data-jianwang-future-special]:disabled:hover,
#seqJianwangFamilies [data-jianwang-future-special]:disabled:active {
  background: var(--card);
  border-color: var(--border);
  color: var(--text-dim);
  opacity: .65;
  filter: grayscale(1);
  cursor: not-allowed;
  transform: none;
  transition: none;
}
.seq-jianwang-stage-line,
.seq-jianwang-current,
.seq-jianwang-choice-result {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  padding: 7px 8px;
  border-radius: 7px;
  background: rgba(15, 23, 42, 0.56);
}
.seq-jianwang-stage-line span { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.seq-jianwang-current b,
.seq-jianwang-choice-result b { color: var(--text); }
.seq-jianwang-current.is-special { border-left: 2px solid #f87171; }
.seq-jianwang-card ol { list-style: none; display: grid; gap: 3px; }
.seq-jianwang-card li { display: grid; grid-template-columns: auto 1fr auto; gap: 5px; align-items: center; font-size: 0.65rem; }
.seq-jianwang-card code { color: #cbd5e1; text-align: right; }
.seq-jianwang-card small { color: var(--text-dim); }
.seq-jianwang-card p { margin-top: 8px; color: var(--gold); }

.seq-jianwang-recast-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}
.seq-jianwang-results { display: grid; gap: 4px; }
.seq-jianwang-results.is-empty { min-height: 1px; }
.seq-jianwang-row {
  display: grid;
  grid-template-columns: minmax(92px, auto) minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  padding: 7px 8px;
  border-radius: 7px;
  background: rgba(15, 23, 42, 0.5);
  font-size: 0.66rem;
}
.seq-jianwang-row b { color: #fda4af; }
.seq-jianwang-index { display: grid; gap: 2px; }
.seq-jianwang-index small { color: var(--text-dim); }
.seq-jianwang-affixes { display: flex; flex-wrap: wrap; gap: 4px; }
.seq-jianwang-affixes i {
  padding: 2px 5px;
  border: 1px solid rgba(96, 165, 250, 0.2);
  border-radius: 5px;
  color: #93c5fd;
  font-style: normal;
}
.seq-jianwang-affixes i.is-signature {
  border-color: rgba(251, 191, 36, 0.72);
  color: #fde68a;
  background: rgba(245, 158, 11, 0.16);
  box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.1), 0 0 14px rgba(245, 158, 11, 0.12);
  font-weight: 800;
}
.seq-jianwang-affixes i.is-yawjiu-speed {
  border-color: rgba(248, 113, 113, 0.72);
  color: #fecaca;
  background: rgba(248, 113, 113, 0.16);
  box-shadow: 0 0 0 1px rgba(248, 113, 113, 0.12), 0 0 14px rgba(248, 113, 113, 0.14);
  font-weight: 800;
}

.seq-strong-head { align-items: end; }
.seq-strong-head > p { max-width: 540px; text-align: right; }
.seq-strong-toolbar {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 8px;
  margin: 0 0 14px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(17, 22, 36, 0.72);
}
.seq-strong-toolbar label { display: grid; gap: 4px; color: var(--text-dim); font-size: 0.68rem; }
.seq-strong-toolbar select,
.seq-strong-toolbar input {
  min-width: 0;
  min-height: 34px;
  padding: 6px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: #0d1221;
  color: var(--text);
  font: inherit;
}
.seq-strong-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.seq-strong-card {
  width: 100%;
  color: var(--text);
  text-align: left;
  font: inherit;
  cursor: pointer;
  padding: 13px;
  border: 1px solid var(--border);
  border-left: 3px solid currentColor;
  border-radius: 10px;
  background: rgba(17, 22, 36, 0.78);
}
.seq-strong-card:hover,
.seq-strong-card.is-active { border-color: var(--accent); background: rgba(74, 99, 210, 0.12); }
.seq-strong-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.seq-strong-open { color: var(--accent2); font-size: 0.68rem; font-weight: 700; }
.seq-strong-card > header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
  padding: 0;
  text-align: left;
}
.seq-strong-card h3 { margin: 2px 0; color: var(--text); font-size: 1rem; }
.seq-strong-card header p { margin: 0; color: var(--text-dim); font-size: 0.62rem; }
.seq-strong-metrics { display: grid; gap: 2px; text-align: right; white-space: nowrap; }
.seq-strong-metrics b { color: #34d399; }
.seq-strong-metrics span { color: var(--gold); font-size: 0.65rem; }
.seq-strong-sequence {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  list-style: none;
}
.seq-strong-grade {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 6px 7px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.055);
  color: var(--text-dim);
  font-size: 0.62rem;
}
.seq-strong-grade b { color: var(--text); }
.seq-strong-grade small { color: inherit; }
.seq-strong-grade.is-good { border-color: rgba(96, 165, 250, 0.3); color: #93c5fd; }
.seq-strong-grade.is-excellent { border-color: rgba(251, 146, 60, 0.55); background: rgba(251, 146, 60, 0.09); color: #fdba74; }
.seq-strong-grade.is-perfect { border-color: rgba(248, 113, 113, 0.62); background: rgba(248, 113, 113, 0.1); color: #fca5a5; }
.seq-strong-detail {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(10, 15, 29, 0.88);
}
.seq-strong-detail:empty { display: none; }
.seq-strong-equipment-picker {
  display: grid;
  gap: 5px;
  width: min(980px, 72vw);
  min-width: 0;
  color: var(--text-dim);
  font-size: 0.7rem;
  text-align: left;
}
.seq-strong-equipment-picker [data-strong-equipment-select] {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  padding: 8px 38px 8px 11px;
  overflow: hidden;
  border: 1px solid currentColor;
  border-radius: 9px;
  background: #0d1221;
  color: inherit;
  font: inherit;
  font-size: 0.82rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.seq-strong-equipment-picker [data-strong-equipment-select]:focus { outline: 2px solid currentColor; outline-offset: 2px; }
.seq-strong-equipment-picker [data-strong-equipment-select] option,
.seq-strong-equipment-picker [data-strong-equipment-select] optgroup { background: #0d1221; }
.seq-strong-equipment-picker.seq-quality-purple { color: #c084fc; }
.seq-strong-equipment-picker.seq-quality-orange { color: #fbbf24; }
.seq-strong-equipment-picker.seq-quality-red { color: #fca5a5; }
.seq-strong-detail-head,
.seq-strong-level-detail > header,
.seq-strong-costs,
.seq-strong-strategies {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.seq-strong-detail-head { margin-bottom: 10px; padding: 0; text-align: left; }
.seq-strong-detail-head > div { flex: 1; min-width: 0; }
.seq-strong-detail-head h3,
.seq-strong-level-detail h4 { margin: 2px 0 0; color: var(--text); }
.seq-strong-detail-head > strong { color: var(--gold); }
.seq-strong-strategies { margin-bottom: 10px; align-items: stretch; }
.seq-strong-strategies > div { display: flex; flex-wrap: wrap; gap: 6px; }
.seq-strong-strategies label { display: flex; align-items: center; gap: 7px; color: var(--text-dim); font-size: 0.7rem; }
.seq-strong-strategies input { width: 68px; min-height: 34px; border: 1px solid var(--border); border-radius: 7px; background: #0d1221; color: var(--text); padding: 5px 8px; }
.seq-strong-costs { flex-wrap: wrap; justify-content: flex-start; margin-bottom: 10px; padding: 9px 11px; border: 1px solid var(--border); border-radius: 8px; color: var(--text-dim); font-size: 0.68rem; }
.seq-strong-costs b { color: var(--text); }
.seq-strong-costs .is-melt { color: #fdba74; }
.seq-strong-planner { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 12px; align-items: start; }
.seq-strong-level-rail { display: grid; gap: 5px; }
.seq-strong-level {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: rgba(17, 22, 36, 0.78);
  color: var(--text-dim);
  text-align: left;
  cursor: pointer;
}
.seq-strong-level b { color: var(--text); text-align: center; }
.seq-strong-level span { font-size: 0.64rem; }
.seq-strong-level.is-active { border-color: var(--accent); background: rgba(74, 99, 210, 0.18); }
.seq-strong-level.is-complete { opacity: 0.58; }
.seq-strong-level-detail { min-width: 0; padding: 11px; border: 1px solid var(--border); border-radius: 9px; background: rgba(17, 22, 36, 0.58); }
.seq-strong-level-detail > header { margin-bottom: 10px; align-items: end; }
.seq-strong-level-detail > header span,
.seq-strong-level-detail > header p { margin: 0; color: var(--text-dim); font-size: 0.68rem; }
.seq-strong-attempts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.seq-strong-attempt {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 7px;
  background: rgba(8, 12, 23, 0.78);
  color: var(--text-dim);
  text-align: left;
}
.seq-strong-attempt b { color: var(--text); }
.seq-strong-attempt small { color: inherit; line-height: 1.35; }
.seq-strong-attempt.is-good { border-color: rgba(96, 165, 250, 0.32); }
.seq-strong-attempt.is-excellent { border-color: rgba(251, 146, 60, 0.62); background: rgba(251, 146, 60, 0.1); color: #fdba74; cursor: pointer; }
.seq-strong-attempt.is-perfect { border-color: rgba(248, 113, 113, 0.68); background: rgba(248, 113, 113, 0.11); color: #fca5a5; cursor: pointer; }
.seq-strong-attempt.is-selected { box-shadow: 0 0 0 2px var(--accent); }

@media (max-width: 980px) {
  .seq-strong-toolbar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .seq-strong-grid { grid-template-columns: 1fr; }
  .seq-strong-planner { grid-template-columns: 135px minmax(0, 1fr); }
  .seq-strong-attempts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
  .seq-strong-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .seq-strong-sequence { grid-template-columns: 1fr; }
  .seq-strong-head > p { text-align: left; }
  .seq-strong-strategies,
  .seq-strong-detail-head,
  .seq-strong-level-detail > header { align-items: stretch; flex-direction: column; }
  .seq-strong-planner { grid-template-columns: 1fr; }
  .seq-strong-level-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .seq-strong-attempts { grid-template-columns: 1fr; }
  .seq-strong-equipment-picker { width: 100%; }
}
@media (max-width: 900px) {
  .seq-jianwang-topline,
  .seq-jianwang-recast-columns { grid-template-columns: 1fr; }
  .seq-jianwang-card-actions { justify-content: stretch; }
  .seq-jianwang-card-actions .seq-button { width: 100%; }
  .seq-jianwang-row { grid-template-columns: 1fr; }
  .seq-jianwang-instance-tabs .seq-choice-button { min-width: calc(50% - 4px); }
}

.seq-wash-planner-modal {
  position: fixed;
  inset: 0;
  z-index: 500;
  padding: 24px;
  overflow: auto;
  background: rgba(5, 8, 18, 0.82);
  backdrop-filter: blur(10px);
}

.seq-wash-planner-dialog {
  width: min(1380px, 100%);
  margin: 0 auto;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: #101625;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
}

.seq-wash-planner-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 24px;
  border-bottom: 1px solid var(--border);
  text-align: left;
}

.seq-wash-planner-head h2 { margin-top: 4px; font-size: 1.32rem; }
.seq-wash-planner-head p { margin-top: 6px; color: var(--text-dim); font-size: 0.82rem; }
.seq-wash-planner-close {
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #151c2e;
  color: var(--text);
  font-size: 1.5rem;
  cursor: pointer;
}
.seq-wash-planner-close:hover { border-color: var(--accent); color: #fff; }
.seq-wash-planner-content { padding: 20px 24px 28px; }
.seq-wash-planner-content .seq-section-head { padding-top: 0; }
body.seq-modal-open { overflow: hidden; }

.seq-auto-workspace.seq-wash-planner-modal {
  position: static;
  inset: auto;
  z-index: auto;
  padding: 0;
  overflow: visible;
  background: transparent;
  backdrop-filter: none;
}

.seq-auto-workspace .seq-wash-planner-dialog {
  width: 100%;
  margin: 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(19, 24, 41, 0.98), rgba(13, 18, 33, 0.98));
  box-shadow: none;
}

.seq-auto-workspace .seq-wash-planner-head {
  align-items: center;
}

.seq-auto-workspace .seq-wash-planner-close { display: none; }

.seq-auto-local-badge {
  flex: 0 0 auto;
  padding: 8px 12px;
  border: 1px solid rgba(52, 211, 153, 0.38);
  border-radius: 999px;
  background: rgba(52, 211, 153, 0.08);
  color: #86efac;
  font-size: 0.74rem;
  font-weight: 750;
  letter-spacing: 0.02em;
}

@media (max-width: 720px) {
  .seq-auto-workspace .seq-wash-planner-head { align-items: flex-start; }
  .seq-auto-local-badge { margin-top: 4px; }
}

.seq-query-card #seqPreferredLocation {
  margin: 8px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #a8b0c0;
  font-size: 0.72rem;
}

.seq-row-actions {
  display: flex;
  gap: 6px;
  min-width: 150px;
}

.seq-row-actions button {
  padding: 6px 9px;
  border: 1px solid rgba(108, 140, 255, 0.35);
  border-radius: 7px;
  color: #cbd5ff;
  background: rgba(108, 140, 255, 0.09);
  font: inherit;
  font-size: 0.7rem;
  font-weight: 750;
  white-space: nowrap;
  cursor: pointer;
}

.seq-row-actions button:last-child {
  border-color: rgba(251, 113, 133, 0.35);
  color: #fecdd3;
  background: rgba(251, 113, 133, 0.08);
}

.seq-row-actions button:hover:not(:disabled),
.seq-row-actions button:focus-visible {
  border-color: currentColor;
  outline: none;
}

.seq-row-actions button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.seq-special-controls {
  display: grid;
  grid-template-columns: minmax(190px, 1.4fr) minmax(150px, 0.8fr) auto;
  align-items: end;
  gap: 10px;
  margin-bottom: 12px;
}

.seq-special-controls [hidden] {
  display: none !important;
}

.seq-special-meta {
  margin: 14px 0 10px;
  color: var(--text-dim);
  font-size: 0.75rem;
}

.seq-special-raw-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.seq-special-raw-head label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-dim);
  font-size: 0.7rem;
}
.seq-special-raw-head select {
  min-width: 130px;
  min-height: 32px;
  padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 7px;
  color: var(--text);
  background: #0d1221;
  font: inherit;
}

.seq-special-raw-wrap {
  margin-top: 12px;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.seq-special-raw-scroll {
  max-height: 420px;
  margin-top: 10px;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 9px;
}

.seq-special-raw-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
}

.seq-special-raw-table th,
.seq-special-raw-table td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  text-align: left;
}

.seq-special-raw-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  color: var(--text-dim);
  background: #101625;
}
.seq-special-raw-table th button {
  width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}
.seq-special-raw-table th button:hover,
.seq-special-raw-table th button:focus-visible {
  color: var(--accent);
  outline: none;
}

.seq-affix-lines {
  display: grid;
  gap: 1px;
}

.seq-affix-line {
  display: block;
  color: #93c5fd;
  font-weight: 650;
}

.seq-affix-line.is-smith {
  color: #f8fafc;
}

.seq-affix-line.is-red,
.seq-affix-line.is-special {
  color: #fb7185;
}

.seq-refinement-state {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-dim);
  white-space: nowrap;
}

.seq-refinement-state::before {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #64748b;
  content: '';
}

.seq-refinement-state.is-ready {
  color: var(--green);
}

.seq-refinement-state.is-ready::before {
  background: var(--green);
  box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.1);
}

.seq-refine-summary {
  display: grid;
  gap: 14px;
}

.seq-refine-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.seq-refine-metric {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.025);
}

.seq-refine-metric span {
  color: var(--text-dim);
  font-size: 0.7rem;
}

.seq-refine-metric strong {
  color: var(--text);
  font-size: 0.95rem;
}

.seq-refine-result {
  color: var(--green);
}

.seq-refine-route,
.seq-refine-sequence {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
}

.seq-refine-route th,
.seq-refine-route td,
.seq-refine-sequence th,
.seq-refine-sequence td {
  padding: 8px 7px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  text-align: left;
}

.seq-refine-route th,
.seq-refine-sequence th {
  color: var(--text-dim);
  font-weight: 600;
}

.seq-refine-sequence-wrap summary {
  cursor: pointer;
  color: var(--accent);
  font-size: 0.78rem;
}

.seq-location-prize-label {
  color: var(--gold);
  font-weight: 900;
}

.seq-muted {
  color: var(--text-dim);
}

.seq-quality {
  font-weight: 900;
}

.seq-quality-purple {
  color: #c084fc;
}

.seq-quality-red {
  color: #fb7185;
}

.seq-quality-orange {
  color: #fbbf24;
}

.seq-quality-blue {
  color: #60a5fa;
}

.seq-quality-green {
  color: #34d399;
}

.seq-quality-white {
  color: #e5e7eb;
}

.seq-tags {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.seq-featured-locations {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: -2px 0 12px;
}

.seq-location-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-dim);
  background: rgba(255, 255, 255, 0.025);
  font-size: 0.7rem;
}

.seq-location-chip b {
  color: var(--text);
}

.seq-location-chip small {
  padding-left: 5px;
  border-left: 1px solid var(--border);
  color: var(--text-dim);
}

.seq-location-chip.is-available {
  border-color: rgba(52, 211, 153, 0.35);
  background: rgba(52, 211, 153, 0.06);
}

.seq-location-chip.is-available small {
  color: var(--green);
}

.seq-location-chip.is-not-applicable {
  opacity: 0.7;
}

.seq-smith-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}

.seq-smith-card {
  display: grid;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.025);
}

.seq-smith-card strong {
  color: var(--text);
  font-size: 0.75rem;
}

.seq-smith-card span,
.seq-cell-note {
  display: block;
  margin-top: 4px;
  color: var(--text-dim);
  font-size: 0.68rem;
  line-height: 1.55;
}

.seq-smith-card small {
  width: fit-content;
  padding: 2px 7px;
  border-radius: 999px;
  color: #fcd34d;
  background: rgba(245, 158, 11, 0.11);
  font-size: 0.64rem;
}

.seq-smith-card.has-pool {
  border-color: rgba(108, 140, 255, 0.3);
}

.seq-bonus-badge {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  white-space: nowrap;
}

.seq-bonus-badge.is-hit {
  color: #a7f3d0;
  background: rgba(52, 211, 153, 0.14);
}

.seq-bonus-badge.is-miss {
  color: #fcd34d;
  background: rgba(251, 191, 36, 0.1);
}

.seq-bonus-badge.is-pending {
  color: #cbd5e1;
  background: rgba(148, 163, 184, 0.12);
}

.seq-tag-smith {
  color: #a7f3d0;
  background: rgba(52, 211, 153, 0.12);
}

.seq-tag {
  padding: 2px 7px;
  border-radius: 999px;
  color: #cbd5e1;
  background: rgba(255, 255, 255, 0.06);
  font-size: 0.7rem;
  white-space: nowrap;
}

.seq-push-button {
  padding: 5px 9px;
  border: 1px solid rgba(108, 140, 255, 0.42);
  border-radius: 7px;
  color: var(--accent);
  background: transparent;
  cursor: pointer;
  white-space: nowrap;
}

.seq-push-button:hover {
  background: rgba(108, 140, 255, 0.1);
}

.seq-role-card {
  display: grid;
  grid-template-columns: 1.5fr repeat(4, minmax(100px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.seq-role-card > div {
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--card);
}

.seq-role-card strong,
.seq-role-card span {
  display: block;
}

.seq-talent-projection-table {
  min-width: 1120px;
}

.seq-talent-projection-table.is-route {
  min-width: 1040px;
}

.seq-replacement-panel {
  display: grid;
  gap: 10px;
  margin: 14px 0;
}

.seq-replacement-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.seq-replacement-heading > div {
  display: grid;
  gap: 4px;
}

.seq-replacement-heading strong {
  color: var(--text);
}

.seq-replacement-heading span {
  color: var(--text-dim);
  font-size: 0.74rem;
}

.seq-replacement-summary {
  flex: 0 0 auto;
  padding: 5px 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--text-dim);
  background: rgba(4, 7, 16, 0.42);
  font-size: 0.72rem;
  font-weight: 800;
  white-space: nowrap;
}

.seq-replacement-summary.is-success {
  border-color: rgba(52, 211, 153, 0.34);
  color: #a7f3d0;
  background: rgba(52, 211, 153, 0.08);
}

.seq-replacement-table-wrap {
  max-height: 560px;
}

.seq-replacement-table {
  min-width: 1120px;
}

.seq-replacement-table td:first-child {
  color: var(--gold);
}

.seq-replacement-talent,
.seq-replacement-operation,
.seq-replacement-note {
  display: grid;
  gap: 3px;
}

.seq-replacement-talent strong,
.seq-replacement-operation strong,
.seq-replacement-note strong {
  color: var(--text);
}

.seq-replacement-talent span,
.seq-replacement-operation span,
.seq-replacement-note span {
  color: var(--text-dim);
  font-size: 0.68rem;
  line-height: 1.45;
}

.seq-replacement-talent.is-purple strong {
  color: #d8b4fe;
}

.seq-replacement-note.is-unverified strong {
  color: #fde68a;
}

.seq-replacement-note.is-verified strong {
  color: #a7f3d0;
}

.seq-replacement-note.is-blocked strong {
  color: #fecaca;
}

.seq-replacement-draws {
  margin-top: 6px;
  color: var(--text-dim);
  font-size: 0.68rem;
}

.seq-replacement-draws summary {
  color: #c4b5fd;
  cursor: pointer;
  font-weight: 800;
}

.seq-replacement-draws span {
  display: block;
  margin-top: 4px;
  line-height: 1.45;
}

.seq-talent-mode-buttons {
  width: fit-content;
  margin: 0 0 12px;
  padding: 5px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(19, 24, 41, 0.92);
}

.seq-talent-mode-buttons .seq-choice-button {
  min-width: 132px;
  border-color: transparent;
  background: transparent;
}

.seq-route-goal-picker {
  flex: 1 1 560px;
}

.seq-route-goal-buttons .seq-choice-button {
  text-align: left;
}

.seq-talent-goal-mode {
  width: fit-content;
  margin-bottom: 12px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(9, 13, 26, 0.55);
}

.seq-talent-goal-mode .seq-choice-button {
  min-width: 118px;
}

.seq-talent-custom-goal {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(108, 140, 255, 0.2);
  border-radius: 12px;
  background: rgba(108, 140, 255, 0.045);
}

.seq-talent-custom-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.seq-talent-custom-heading > div {
  display: grid;
  gap: 4px;
}

.seq-talent-custom-heading span {
  color: var(--text-dim);
  font-size: 0.75rem;
}

.seq-talent-target-count {
  flex: 0 0 auto;
  padding: 4px 9px;
  border-radius: 999px;
  color: #d8b4fe !important;
  background: rgba(168, 85, 247, 0.12);
  font-weight: 800;
}

.seq-talent-quality-buttons {
  margin: 0;
}

.seq-talent-quality-buttons .seq-choice-button {
  min-width: 64px;
  min-height: 34px;
  padding: 5px 12px;
}

.seq-talent-target-chips {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: 8px;
}

.seq-talent-target-card {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text-dim);
  background: rgba(255, 255, 255, 0.025);
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease;
}

.seq-talent-target-copy strong,
.seq-talent-target-copy small {
  display: block;
}

.seq-talent-target-copy small {
  margin-top: 2px;
  opacity: 0.7;
}

.seq-talent-quality-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 20px;
  margin-right: 6px;
  border-radius: 6px;
  font-size: 0.66rem;
  font-weight: 900;
}

.seq-talent-quality-dot.is-4 {
  color: #e9d5ff;
  background: rgba(168, 85, 247, 0.2);
}

.seq-talent-quality-dot.is-3 {
  color: #bfdbfe;
  background: rgba(59, 130, 246, 0.18);
}

.seq-talent-quality-dot.is-2 {
  color: #bbf7d0;
  background: rgba(34, 197, 94, 0.16);
}

.seq-talent-quality-dot.is-1 {
  color: var(--text-dim);
  background: rgba(148, 163, 184, 0.12);
}

.seq-talent-target-card.is-selected {
  border-color: rgba(168, 85, 247, 0.72);
  background: rgba(168, 85, 247, 0.09);
}

.seq-talent-target-card.is-avoided {
  border-color: rgba(248, 113, 113, 0.55);
  background: rgba(248, 113, 113, 0.055);
}

.seq-talent-intents {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.seq-talent-intent-button {
  min-height: 34px;
  padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text-dim);
  background: rgba(4, 8, 20, 0.42);
  cursor: pointer;
}

.seq-talent-intent-button:hover,
.seq-talent-intent-button:focus-visible {
  color: var(--text);
  border-color: rgba(192, 132, 252, 0.62);
}

.seq-talent-intent-button.is-want.is-active {
  color: #f3e8ff;
  border-color: #a855f7;
  background: rgba(168, 85, 247, 0.2);
}

.seq-talent-intent-button.is-avoid.is-active {
  color: #fecaca;
  border-color: #f87171;
  background: rgba(248, 113, 113, 0.16);
}

.seq-talent-intent-button:disabled {
  cursor: wait;
  opacity: 0.64;
}

.seq-workspace [hidden] {
  display: none !important;
}

.seq-talent-search-actions {
  display: flex;
  align-items: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.seq-talent-pill-limit {
  display: grid;
  gap: 5px;
  color: var(--text-dim);
  font-size: 0.72rem;
}

.seq-talent-pill-limit input {
  width: 140px;
  min-height: 39px;
  padding: 7px 10px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text);
  background: #0d1221;
  font: inherit;
}

.seq-talent-pill-limit input:focus-visible {
  border-color: var(--accent);
  outline: none;
}

.seq-button-secondary {
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
  background: rgba(248, 113, 113, 0.08);
}

.seq-talent-search-status {
  min-height: 42px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
  color: var(--text-dim);
  background: rgba(4, 7, 16, 0.38);
  line-height: 1.55;
}

.seq-talent-search-status.is-success {
  border-color: rgba(52, 211, 153, 0.35);
  color: #a7f3d0;
}

.seq-talent-search-status.is-error {
  border-color: rgba(248, 113, 113, 0.35);
  color: #fecaca;
}

.seq-talent-variant-panel {
  display: grid;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(139, 92, 246, 0.3);
  border-radius: 11px;
  background: linear-gradient(135deg, rgba(76, 29, 149, 0.12), rgba(15, 23, 42, 0.45));
}

.seq-talent-variant-panel[hidden] {
  display: none;
}

.seq-talent-variant-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.seq-talent-variant-heading > strong {
  color: #e9d5ff;
}

.seq-talent-variant-heading > span {
  color: var(--text-dim);
  font-size: 0.82rem;
}

.seq-talent-variant-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 9px;
}

.seq-talent-variant-button {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, 0.23);
  border-radius: 9px;
  color: var(--text);
  background: rgba(4, 7, 16, 0.48);
  text-align: left;
  cursor: pointer;
}

.seq-talent-variant-button > small {
  color: var(--text-dim);
}

.seq-talent-variant-button:hover:not(:disabled) {
  border-color: rgba(167, 139, 250, 0.65);
}

.seq-talent-variant-button.is-active {
  border-color: #8b5cf6;
  color: #f5f3ff;
  background: rgba(109, 40, 217, 0.25);
  box-shadow: inset 3px 0 0 #a78bfa;
}

.seq-talent-variant-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.seq-route-summary {
  display: grid;
  gap: 8px;
  margin-top: 14px;
}

.seq-route-summary.is-best-found {
  border-color: rgba(251, 191, 36, 0.35);
  color: #fde68a;
  background: rgba(251, 191, 36, 0.055);
}

.seq-route-summary-main {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.seq-route-proof,
.seq-route-finish {
  display: inline-flex;
  width: fit-content;
  padding: 3px 8px;
  border-radius: 999px;
  font-weight: 900;
  white-space: nowrap;
}

.seq-route-proof.is-proven,
.seq-route-finish {
  color: #a7f3d0;
  background: rgba(52, 211, 153, 0.14);
}

.seq-route-proof.is-best-found {
  color: #fde68a;
  background: rgba(251, 191, 36, 0.13);
}

.seq-route-finish.is-upper-bound {
  color: #fde68a;
  background: rgba(251, 191, 36, 0.13);
}

.seq-route-talents {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  min-width: 210px;
}

.seq-route-talent {
  padding: 3px 6px;
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--text-dim);
  background: rgba(255, 255, 255, 0.025);
  white-space: nowrap;
}

.seq-route-talent.is-purple {
  border-color: rgba(192, 132, 252, 0.3);
  color: #d8b4fe;
  background: rgba(168, 85, 247, 0.08);
}

.seq-route-talent small {
  color: var(--text-dim);
}

.seq-route-final-row {
  background: linear-gradient(90deg, rgba(52, 211, 153, 0.09), transparent 64%);
}

.seq-route-zero {
  display: grid;
  gap: 10px;
  padding: 10px 4px;
}

.seq-route-zero > strong {
  color: var(--green);
  font-size: 1rem;
}

.seq-route-details {
  width: fit-content;
  margin: -6px 0 12px;
}

.seq-talent-result strong,
.seq-talent-result span {
  display: block;
}

.seq-talent-result strong {
  color: var(--text);
  white-space: nowrap;
}

.seq-talent-result span {
  margin-top: 3px;
  color: var(--text-dim);
  font-size: 0.68rem;
}

.seq-talent-result.is-locked strong::before {
  content: '🔒 ';
}

.seq-role-card span {
  margin-top: 5px;
  color: var(--text-dim);
  font-size: 0.72rem;
}

.seq-rec-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.seq-rec-card {
  position: relative;
  min-height: 210px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--card);
}

.seq-rec-card.is-top {
  border-color: rgba(251, 191, 36, 0.55);
  box-shadow: inset 0 3px 0 rgba(251, 191, 36, 0.82);
}

.seq-rec-rank {
  color: var(--text-dim);
  font-size: 0.7rem;
  font-weight: 900;
  letter-spacing: 0.1em;
}

.seq-rec-card h3 {
  margin-top: 8px;
  font-size: 1.1rem;
}

.seq-rec-score {
  display: flex;
  gap: 8px;
  align-items: baseline;
  margin: 14px 0;
}

.seq-rec-score strong {
  color: var(--gold);
  font-size: 1.65rem;
}

.seq-rec-score span,
.seq-rec-meta {
  color: var(--text-dim);
  font-size: 0.75rem;
}

.seq-empty {
  grid-column: 1 / -1;
  padding: 56px 20px;
  border: 1px dashed var(--border);
  border-radius: 12px;
  color: var(--text-dim);
  text-align: center;
}

.seq-upstream-workspace {
  max-width: none;
}

.seq-simulator-audit {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  padding: 9px 12px;
  border: 1px solid rgba(251, 191, 36, 0.3);
  border-radius: 8px;
  color: var(--text-dim);
  background: rgba(251, 191, 36, 0.06);
  font-size: 0.72rem;
}

.seq-simulator-audit strong {
  color: var(--gold);
  white-space: nowrap;
}

.seq-upstream-head {
  align-items: end;
}

.seq-upstream-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.seq-upstream-links .seq-button {
  text-decoration: none;
}

.seq-evidence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.seq-evidence-card {
  min-height: 142px;
  padding: 17px 18px;
  border: 1px solid var(--border);
  border-top: 3px solid var(--accent);
  border-radius: 12px;
  background: var(--card);
}

.seq-evidence-card > span {
  display: block;
  margin-bottom: 8px;
  color: var(--text-dim);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
}

.seq-evidence-card strong {
  display: block;
  color: var(--text);
  font-size: 0.93rem;
}

.seq-evidence-card p {
  margin-top: 8px;
  color: var(--text-dim);
  font-size: 0.73rem;
  line-height: 1.6;
}

.seq-evidence-card.is-verified {
  border-top-color: var(--green);
}

.seq-evidence-card.is-warning {
  border-top-color: var(--red);
}

.seq-evidence-card.is-progress {
  border-top-color: var(--gold);
}

.seq-upstream-frame-shell {
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--card);
}

.seq-upstream-frame-note {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--border);
  color: var(--text-dim);
  background: var(--card);
  font-size: 0.7rem;
}

.seq-upstream-frame-note span:first-child {
  color: var(--green);
  font-weight: 900;
}

.seq-upstream-frame {
  display: block;
  width: 100%;
  min-height: 640px;
  border: 0;
  background: var(--card);
}

@media (max-width: 820px) {
  .container {
    padding: 14px;
  }

  header {
    padding: 24px 0 18px;
  }

  header h1 {
    font-size: clamp(1.55rem, 8vw, 2.05rem);
  }

  .seq-app-header {
    gap: 8px;
  }

  .seq-app-header .seq-app-brand h1 {
    font-size: 0.86rem;
  }

  .seq-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .seq-stat-grid,
  .seq-rec-grid,
  .seq-affix-legend,
  .seq-evidence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seq-role-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .seq-talent-stage-buttons {
    grid-template-columns: repeat(2, minmax(130px, 1fr));
  }

  .seq-callout {
    grid-template-columns: 1fr;
    gap: 6px;
  }
}

@media (max-width: 520px) {
  .upload-zone {
    padding: 20px 14px;
  }

  .grid,
  .seq-stat-grid,
  .seq-rec-grid,
  .seq-role-card,
  .seq-affix-legend {
    grid-template-columns: minmax(0, 1fr);
  }

  .seq-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .seq-replacement-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .seq-replacement-summary {
    width: fit-content;
    white-space: normal;
  }

  .seq-material-picker-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .seq-toolbar > label,
  .seq-button-fieldset,
  .seq-button {
    width: 100%;
  }

  .seq-actions {
    width: 100%;
  }

  .seq-save-identity {
    padding-left: 7px;
    gap: 5px;
  }

  .seq-save-import-button {
    width: auto;
    padding-inline: 7px;
  }

  .seq-forge-toolbar {
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
  }

  .seq-forge-toolbar label,
  .seq-forge-field {
    width: 100%;
  }

  .seq-owned-equipment-menu {
    right: 0;
    left: auto;
  }

  .seq-refine-metrics {
    grid-template-columns: 1fr;
  }

  .seq-talent-data-tools,
  .seq-advanced-import,
  .seq-advanced-import-body {
    width: 100%;
    justify-items: stretch;
  }

  .seq-advanced-import summary {
    text-align: left;
  }

  .seq-actions .seq-button {
    flex: 1;
  }

  .seq-talent-stage-buttons {
    grid-template-columns: minmax(0, 1fr);
  }

  .seq-talent-mode-buttons,
  .seq-route-summary,
  .seq-route-details {
    width: 100%;
  }

  .seq-talent-mode-buttons .seq-choice-button,
  .seq-route-goal-buttons .seq-choice-button {
    width: 100%;
  }

  .seq-route-summary-main {
    align-items: flex-start;
    flex-direction: column;
  }

  .seq-talent-variant-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .seq-talent-variant-buttons {
    grid-template-columns: minmax(0, 1fr);
  }

  .seq-talent-custom-heading,
  .seq-talent-search-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .seq-talent-target-chips {
    grid-template-columns: minmax(0, 1fr);
  }

  .seq-talent-search-actions .seq-button,
  .seq-talent-goal-mode,
  .seq-talent-goal-mode .seq-choice-button {
    width: 100%;
  }

  .seq-talent-quality-buttons .seq-choice-button {
    flex: 1 1 64px;
  }

  .seq-talent-pill-limit,
  .seq-talent-pill-limit input {
    width: 100%;
  }

  .seq-evidence-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .seq-upstream-links,
  .seq-upstream-links .seq-button {
    width: 100%;
  }

  .seq-upstream-frame-note {
    align-items: flex-start;
    flex-direction: column;
  }

  .seq-upstream-frame {
    min-height: 760px;
  }
}

.seq-hengshan-workspace { max-width: 1500px; }
.seq-hengshan-view-tabs { display:inline-flex; gap:4px; margin:18px 0 4px; padding:4px; border:1px solid var(--border); border-radius:12px; background:#0d1221; }
.seq-hengshan-view-tabs button { min-width:132px; padding:10px 18px; border:0; border-radius:9px; color:var(--text-dim); background:transparent; font:inherit; font-weight:750; cursor:pointer; }
.seq-hengshan-view-tabs button.is-active { color:#fff; background:linear-gradient(135deg,#5f7be5,#745bd1); box-shadow:0 6px 20px rgba(68,83,188,.22); }
.seq-hengshan-toolbar { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:18px 0 12px; }
.seq-hengshan-toolbar input[type="search"], .seq-hengshan-toolbar select { min-height:42px; padding:9px 12px; color:var(--text); background:#0d1221; border:1px solid var(--border); border-radius:10px; font:inherit; }
.seq-hengshan-toolbar input[type="search"] { flex:1 1 240px; }
.seq-hengshan-check { display:flex; align-items:center; gap:7px; min-height:42px; padding:0 12px; border:1px solid var(--border); border-radius:10px; color:var(--text-dim); }
.seq-hengshan-talent-filters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0 0 12px; }
.seq-hengshan-talent-filters label { display:grid; gap:5px; color:var(--text-dim); font-size:.72rem; }
.seq-hengshan-talent-filters select { width:100%; min-height:38px; padding:7px 9px; color:var(--text); background:#0d1221; border:1px solid var(--border); border-radius:9px; font:inherit; }
.seq-hengshan-replacement-filters { display:grid; grid-template-columns:minmax(110px,.6fr) minmax(150px,.8fr) minmax(220px,1.5fr) minmax(230px,1fr); gap:8px; margin:0 0 12px; padding:12px; border:1px solid rgba(251,191,36,.2); border-radius:12px; background:rgba(251,191,36,.035); }
.seq-hengshan-replacement-filters > label:not(.seq-hengshan-check) { display:grid; gap:5px; color:var(--text-dim); font-size:.72rem; }
.seq-hengshan-replacement-filters input[type="number"],.seq-hengshan-replacement-filters select { width:100%; min-height:38px; padding:7px 9px; color:var(--text); background:#0d1221; border:1px solid var(--border); border-radius:9px; font:inherit; }
.seq-hengshan-replacement-filters .seq-hengshan-check { align-self:end; }
.seq-hengshan-stat-filters { display:grid; grid-template-columns:repeat(6,minmax(108px,1fr)); gap:8px; margin:0 0 12px; }
.seq-hengshan-stat-filters label { display:grid; gap:5px; color:var(--text-dim); font-size:.72rem; }
.seq-hengshan-stat-filters input,.seq-hengshan-stat-filters select { width:100%; min-height:38px; padding:7px 9px; color:var(--text); background:#0d1221; border:1px solid var(--border); border-radius:9px; font:inherit; }
.seq-hengshan-pagination { display:flex; gap:6px; overflow-x:auto; padding:5px 0 14px; }
.seq-hengshan-pagination button { flex:0 0 auto; min-width:38px; height:38px; padding:0 12px; border:1px solid var(--border); border-radius:9px; background:#101626; color:var(--text-dim); cursor:pointer; }
.seq-hengshan-pagination button.is-active { border-color:var(--accent); background:rgba(108,140,255,.24); color:#fff; }
.seq-hengshan-layout { display:grid; grid-template-columns:minmax(480px, 1.35fr) minmax(320px, .65fr); gap:18px; align-items:start; }
.seq-hengshan-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.seq-hengshan-disciple { width:100%; min-height:122px; display:grid; grid-template-columns:64px 1fr; gap:11px; align-items:center; padding:11px; text-align:left; border:1px solid var(--border); border-radius:13px; background:linear-gradient(145deg,#12182a,#0e1423); color:var(--text); cursor:pointer; }
.seq-hengshan-disciple:hover,.seq-hengshan-disciple.is-active { border-color:var(--accent); background:#171f36; }
.seq-hengshan-disciple.is-recommended { box-shadow:inset 3px 0 #fbbf24; }
.seq-hengshan-disciple strong,.seq-hengshan-disciple small { display:block; }
.seq-hengshan-disciple small { margin-top:5px; color:var(--text-dim); }
.seq-hengshan-disciple .seq-hengshan-card-stats { color:#aebdf0; font-variant-numeric:tabular-nums; }
.seq-hengshan-disciple .seq-hengshan-replacement-hint { color:#f2c75c; }
.seq-hengshan-avatar { position:relative; display:block; width:58px; height:72px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:12px; background:radial-gradient(circle at 50% 42%,#2e3851,#101522 72%); }
.seq-hengshan-native-portrait { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
.seq-hengshan-avatar.is-head { width:58px; height:58px; border-radius:50%; }
.seq-hengshan-avatar.is-head .seq-hengshan-native-portrait { object-fit:cover; }
.seq-hengshan-avatar.is-full { width:220px; height:280px; }
.seq-hengshan-avatar.is-full .seq-hengshan-native-portrait { transform:scale(1.2); transform-origin:50% 52%; }
.seq-hengshan-sprite { display:grid; place-items:center; width:58px; height:58px; overflow:hidden; color:var(--text-dim); font-size:.68rem; }
.seq-hengshan-sprite i { display:block; width:var(--sprite-width); height:var(--sprite-height); background-image:var(--sprite-image); background-position:var(--sprite-x) var(--sprite-y); background-repeat:no-repeat; transform:scale(var(--sprite-scale)); image-rendering:auto; }
.seq-hengshan-sprite.is-missing { border:1px dashed rgba(255,255,255,.16); border-radius:8px; }
.seq-hengshan-detail { position:sticky; top:16px; min-height:430px; padding:20px; border:1px solid var(--border); border-radius:16px; background:linear-gradient(155deg,#151b2f,#0d1220); }
.seq-hengshan-dossier { display:grid; grid-template-columns:238px minmax(0,1fr); gap:18px; align-items:center; padding:18px; border:1px solid rgba(251,191,36,.24); border-radius:14px; background:linear-gradient(135deg,rgba(239,223,181,.11),rgba(137,103,47,.04)); }
.seq-hengshan-portrait-stage { display:grid; justify-items:center; gap:7px; padding:10px 8px 7px; border-radius:12px; background:radial-gradient(circle at 50% 35%,rgba(241,217,169,.18),rgba(5,8,15,.35) 70%); }
.seq-hengshan-portrait-stage .seq-hengshan-avatar.is-full { width:220px; height:280px; border:0; border-radius:66px 66px 22px 22px; }
.seq-hengshan-portrait-stage > span { color:var(--text-dim); font-size:.68rem; }
.seq-hengshan-identity > span { color:var(--gold); font-size:.72rem; font-weight:800; letter-spacing:.08em; }
.seq-hengshan-identity h3 { margin:5px 0 4px; font-size:1.55rem; }
.seq-hengshan-identity p,.seq-hengshan-identity small { display:block; color:var(--text-dim); line-height:1.55; }
.seq-hengshan-stats { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin-top:12px; }
.seq-hengshan-stats b { display:grid; grid-template-columns:1fr auto; gap:2px 8px; padding:7px 8px; border-radius:7px; color:#dfe6f5; background:rgba(255,255,255,.055); font-size:.72rem; }
.seq-hengshan-stats b strong { color:#fff; font-size:.86rem; }
.seq-hengshan-stats b small { grid-column:1/-1; color:var(--text-dim); font-weight:500; }
.seq-hengshan-stats b.is-total { grid-column:1/-1; border:1px solid rgba(251,191,36,.24); background:rgba(251,191,36,.08); }
.seq-hengshan-power-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:14px 0; }
.seq-hengshan-power-grid article { min-width:0; padding:10px; border:1px solid var(--border); border-radius:10px; background:#0d1322; }
.seq-hengshan-power-grid span,.seq-hengshan-power-grid strong,.seq-hengshan-power-grid em { display:block; }
.seq-hengshan-power-grid span { color:var(--text-dim); font-size:.68rem; }
.seq-hengshan-power-grid strong { margin-top:4px; color:#fff; font-size:.92rem; }
.seq-hengshan-power-grid em { margin-top:4px; color:#8d96ad; font-size:.68rem; font-style:normal; }
.seq-hengshan-hero { display:flex; gap:16px; align-items:center; padding-bottom:16px; border-bottom:1px solid var(--border); }
.seq-hengshan-hero .seq-hengshan-avatar { width:76px; height:88px; flex:0 0 76px; }
.seq-hengshan-hero h3 { margin:0 0 5px; font-size:1.35rem; }
.seq-hengshan-native-parts { margin:16px 0; padding:12px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.025); }
.seq-hengshan-native-parts header { display:flex; justify-content:space-between; gap:10px; padding:0 0 10px; text-align:left; }
.seq-hengshan-native-parts header span { color:var(--text-dim); font-size:.74rem; }
.seq-hengshan-native-parts > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.seq-hengshan-native-parts figure { min-width:0; padding:5px; text-align:center; border-radius:9px; background:#0d1322; }
.seq-hengshan-native-parts figure .seq-hengshan-sprite { width:100%; height:64px; }
.seq-hengshan-native-parts figcaption { margin-top:3px; color:var(--text-dim); font-size:.7rem; }
.seq-hengshan-talents { display:grid; gap:10px; }
.seq-hengshan-talent { padding:12px; border:1px solid var(--border); border-radius:11px; background:rgba(255,255,255,.025); }
.seq-hengshan-talent.is-highlight { border-color:#d69e2e; background:rgba(251,191,36,.1); }
.seq-hengshan-talent.is-pending { border-style:dashed; opacity:.72; }
.seq-hengshan-talent header { display:flex; justify-content:space-between; padding:0; text-align:left; }
.seq-hengshan-talent header div small,.seq-hengshan-talent header div strong { display:block; }
.seq-hengshan-talent header div small { margin-bottom:3px; color:var(--text-dim); font-size:.68rem; }
.seq-hengshan-talent p { margin-top:6px; color:var(--text-dim); font-size:.82rem; line-height:1.55; }
.seq-hengshan-audit { margin-top:14px; color:var(--text-dim); font-size:.75rem; line-height:1.5; }
.seq-hengshan-open-replacements { width:100%; margin-top:12px; }
.seq-hengshan-route-planner { margin-top:14px; padding:14px; border:1px solid rgba(108,140,255,.34); border-radius:13px; background:rgba(108,140,255,.055); }
.seq-hengshan-route-planner > header { display:flex; justify-content:space-between; gap:12px; align-items:start; text-align:left; }
.seq-hengshan-route-planner > header small,.seq-hengshan-route-planner > header span { color:var(--text-dim); font-size:.68rem; }
.seq-hengshan-route-planner h4 { margin-top:3px; color:#fff; font-size:1rem; }
.seq-hengshan-route-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
.seq-hengshan-route-controls > label:not(.seq-hengshan-check) { display:grid; gap:4px; color:var(--text-dim); font-size:.68rem; }
.seq-hengshan-route-controls select { min-width:0; width:100%; min-height:36px; padding:6px 8px; color:var(--text); background:#0d1221; border:1px solid var(--border); border-radius:8px; font:inherit; }
.seq-hengshan-route-controls .seq-hengshan-check { min-height:36px; font-size:.68rem; }
.seq-hengshan-route-controls button { min-height:36px; }
.seq-hengshan-route-hint,.seq-hengshan-route-note,.seq-hengshan-route-empty,.seq-hengshan-route-error { margin-top:10px; color:var(--text-dim); font-size:.72rem; line-height:1.5; }
.seq-hengshan-route-error { color:#fca5a5; }
.seq-hengshan-route-proof { display:grid; gap:4px; margin-top:12px; padding:10px; border-radius:9px; background:rgba(52,211,153,.08); }
.seq-hengshan-route-proof strong { color:#a7f3d0; }
.seq-hengshan-route-proof span,.seq-hengshan-route-proof small { color:var(--text-dim); font-size:.68rem; line-height:1.45; }
.seq-hengshan-route-ways { display:grid; gap:9px; margin-top:9px; }
.seq-hengshan-route-way { padding:10px; border:1px solid var(--border); border-radius:10px; background:#0d1322; }
.seq-hengshan-route-way > header { display:flex; justify-content:space-between; gap:10px; text-align:left; }
.seq-hengshan-route-way > header strong,.seq-hengshan-route-way > header small { display:block; }
.seq-hengshan-route-way > header small,.seq-hengshan-route-way > p,.seq-hengshan-route-way footer { margin-top:4px; color:var(--text-dim); font-size:.68rem; line-height:1.45; }
.seq-hengshan-route-way > header b { flex:0 0 auto; color:#c4b5fd; font-size:.72rem; }
.seq-hengshan-route-step { margin-top:8px; padding:8px; border-left:2px solid rgba(108,140,255,.65); background:rgba(255,255,255,.025); }
.seq-hengshan-route-step > strong { font-size:.7rem; }
.seq-hengshan-route-step ol { margin:5px 0 0 18px; color:#cbd5e1; font-size:.68rem; line-height:1.55; }
.seq-hengshan-route-done { color:#a7f3d0 !important; }
.seq-hengshan-route-way footer { padding-top:7px; border-top:1px solid rgba(255,255,255,.055); }
.seq-hengshan-empty { grid-column:1/-1; padding:36px; text-align:center; color:var(--text-dim); border:1px dashed var(--border); border-radius:12px; }
.seq-hengshan-replacement-modal[hidden] { display:none; }
.seq-hengshan-replacement-modal { position:fixed; inset:0; z-index:520; padding:24px; overflow:auto; background:rgba(5,8,18,.84); backdrop-filter:blur(10px); }
.seq-hengshan-replacement-dialog { width:min(1120px,100%); margin:0 auto; overflow:hidden; border:1px solid var(--border); border-radius:18px; background:#101625; box-shadow:0 28px 80px rgba(0,0,0,.52); }
.seq-hengshan-replacement-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:22px 24px; border-bottom:1px solid var(--border); text-align:left; }
.seq-hengshan-replacement-head h2 { margin-top:4px; font-size:1.35rem; }
.seq-hengshan-replacement-head p { margin-top:6px; color:var(--text-dim); font-size:.82rem; }
.seq-hengshan-replacement-close { flex:0 0 38px; width:38px; height:38px; border:1px solid var(--border); border-radius:10px; background:#151c2e; color:var(--text); font-size:1.5rem; cursor:pointer; }
.seq-hengshan-replacement-close:hover { border-color:var(--accent); color:#fff; }
.seq-hengshan-replacement-body { padding:20px 24px 28px; }
.seq-hengshan-replacement-controls { display:grid; grid-template-columns:minmax(150px,.8fr) minmax(120px,.6fr) minmax(190px,1fr) minmax(300px,1.5fr); gap:10px; align-items:end; }
.seq-hengshan-check-stack { display:grid; gap:6px; }
.seq-hengshan-check-stack .seq-hengshan-check { min-height:32px; padding:0 10px; font-size:.72rem; }
.seq-hengshan-replacement-controls > label:not(.seq-hengshan-check) { display:grid; gap:6px; color:var(--text-dim); font-size:.75rem; }
.seq-hengshan-replacement-controls select,.seq-hengshan-replacement-controls input[type="number"],.seq-hengshan-replacement-controls input[type="search"] { width:100%; min-height:42px; padding:8px 10px; color:var(--text); background:#0d1221; border:1px solid var(--border); border-radius:10px; font:inherit; }
.seq-hengshan-replacement-current { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; align-items:center; margin:18px 0 12px; padding:16px; border:1px solid rgba(251,191,36,.28); border-radius:13px; background:rgba(251,191,36,.07); }
.seq-hengshan-replacement-current .seq-hengshan-avatar { width:64px; height:82px; }
.seq-hengshan-replacement-current strong,.seq-hengshan-replacement-current span,.seq-hengshan-replacement-current small { display:block; }
.seq-hengshan-replacement-current small { color:var(--text-dim); }
.seq-hengshan-replacement-current .is-result { color:#fff; font-size:1.05rem; }
.seq-hengshan-replacement-current .is-highlight { color:#fbbf24; }
.seq-hengshan-branch-actions { display:grid; gap:7px; min-width:180px; }
.seq-hengshan-branch-actions button { min-height:34px; padding:6px 10px; border:1px solid var(--border); border-radius:8px; color:var(--text); background:#151c2e; font:inherit; font-size:.72rem; cursor:pointer; }
.seq-hengshan-branch-actions button:first-of-type { border-color:rgba(108,140,255,.65); background:rgba(108,140,255,.14); }
.seq-hengshan-branch-actions button:disabled { opacity:.62; cursor:default; }
.seq-hengshan-replacement-sequence { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-height:52vh; padding:2px; overflow:auto; }
.seq-hengshan-replacement-step { display:grid; gap:4px; min-height:72px; padding:10px; text-align:left; border:1px solid var(--border); border-radius:10px; color:var(--text); background:#0d1322; cursor:pointer; }
.seq-hengshan-replacement-step:hover,.seq-hengshan-replacement-step.is-active { border-color:var(--accent); background:#171f36; }
.seq-hengshan-replacement-step.is-highlight { border-color:rgba(251,191,36,.6); background:rgba(251,191,36,.09); }
.seq-hengshan-replacement-step strong { color:#fff; }
.seq-hengshan-replacement-step span { color:var(--text-dim); font-size:.76rem; line-height:1.35; }
.seq-hengshan-replacement-step.is-highlight span { color:#fbbf24; }

@media (max-width: 980px) { .seq-hengshan-layout { grid-template-columns:1fr; } .seq-hengshan-detail { position:static; } .seq-hengshan-stat-filters { grid-template-columns:repeat(3,minmax(0,1fr)); } .seq-hengshan-replacement-filters,.seq-hengshan-replacement-controls { grid-template-columns:repeat(2,minmax(0,1fr)); } .seq-hengshan-replacement-sequence { grid-template-columns:repeat(3,minmax(0,1fr)); } }

@media (max-width: 720px) {
  .seq-hengshan-talent-filters { grid-template-columns:1fr; }
  .seq-hengshan-replacement-modal { padding:10px; }
  .seq-hengshan-replacement-head,.seq-hengshan-replacement-body { padding:16px; }
  .seq-hengshan-replacement-filters,.seq-hengshan-replacement-controls { grid-template-columns:1fr; }
  .seq-hengshan-replacement-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .seq-hengshan-route-controls { grid-template-columns:1fr; }
  .seq-query-topline,
  .seq-forge-toolbar,
  .seq-special-controls {
    grid-template-columns: minmax(0, 1fr);
  }

  .seq-tabs {
    width: 100%;
  }

  .seq-owned-equipment-menu {
    right: auto;
    left: 0;
    width: calc(100vw - 40px);
  }

  .seq-row-actions {
    min-width: 0;
    flex-direction: column;
  }

  .seq-special-raw-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .seq-hengshan-list { grid-template-columns:1fr; }
  .seq-hengshan-stat-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .seq-hengshan-power-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .seq-tab,
  .seq-button {
    transition: none;
  }
}
/* Shared navigation remains a compact context bar. Character/damage panels retain their layouts. */
.seq-app-header { padding:0 !important; margin-bottom:10px; align-items:start; }
.seq-save-identity { align-self:start; }
.seq-save-identity #seqSaveIdentityMeta,.seq-save-identity #seqSaveStatus { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; overflow-wrap:normal; }
.seq-save-identity #seqSaveStatus.is-success { display:none; }
.seq-save-identity #seqSaveStatus:not(.is-success) { max-height:34px; line-height:1.35; }
.seq-save-identity > strong { max-width:100%; }
/* Cultivation tools share the control/result arrangement. */
.seq-hengshan-workspace .seq-section-head { margin-bottom:12px; }
.seq-hengshan-workspace .seq-section-head h2 { font-size:23px; margin:0; }
.seq-hengshan-workbench { display:grid; grid-template-columns:250px minmax(0,1fr); gap:18px; align-items:start; }
.seq-hengshan-filters { padding:14px; border:1px solid var(--border); background:var(--card); min-width:0; }
.seq-hengshan-filters :is(.seq-hengshan-toolbar,.seq-hengshan-talent-filters,.seq-hengshan-replacement-filters) { display:grid; grid-template-columns:1fr; gap:9px; margin-bottom:16px; }
.seq-hengshan-filters .seq-hengshan-stat-filters { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.seq-hengshan-filters :is(input,select) { width:100%; min-width:0; }
.seq-hengshan-filters label { min-width:0; font-size:12px; }
.seq-hengshan-filters .seq-hengshan-check input { width:16px; }
.seq-hengshan-filters .seq-hengshan-view-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; min-width:0; box-sizing:border-box; margin:0 0 12px; }
.seq-hengshan-filters .seq-hengshan-view-tabs > button { width:100%; min-width:0; padding:8px 6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.seq-hengshan-results { min-width:0; }
.seq-hengshan-results .seq-hengshan-layout { display:flex; flex-direction:column; gap:14px; }
.seq-hengshan-results .seq-hengshan-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; max-height:285px; min-height:0; overflow:auto; }
.seq-hengshan-results .seq-hengshan-disciple { padding:9px; min-width:0; text-align:left; }
.seq-hengshan-results .seq-hengshan-detail { width:100%; min-width:0; }
.wsd-heading { display:flex; gap:14px; align-items:center; margin:0 0 12px; }
.wsd-heading h2 { font-size:23px; margin:0; }
.wsd-heading p { margin:0; font-size:12px; }
.wsd-layout { display:grid; grid-template-columns:250px minmax(0,1fr); gap:18px; align-items:start; }
.wsd-controls { padding:14px; background:var(--card); border:1px solid var(--border); }
.wsd-controls .role-sim-inputs { display:grid; grid-template-columns:1fr; gap:12px; }
.wsd-controls label { font-size:12px; }
.wsd-main { min-width:0; }
.wsd-main > details { margin-top:12px; border-top:1px solid var(--border); padding-top:10px; }
.wsd-main .seq-table th,.wsd-main .seq-table td { padding:8px 10px; }
.wsd-main :is(h3,p) { margin:8px 0; }
.wsd-main :is(summary,.seq-muted) { font-size:12px; }
@media(max-width:1100px) { .seq-hengshan-results .seq-hengshan-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) { .seq-hengshan-workbench,.wsd-layout { grid-template-columns:1fr; } .wsd-controls .role-sim-inputs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.seq-red-sword-title { margin:0 0 12px; font-size:23px; }
/* Keep the original preference solver inside the unified wash workspace. */
[data-w2-native-host] .seq-wash-planner-head,[data-w2-native-host] .seq-wash-planner-content > .seq-section-head { display:none; }
[data-w2-native-host] .seq-wash-planner-dialog,[data-w2-native-host] .seq-wash-planner-content { padding:0; border:0; background:none; }
.seq-preference-layout { display:grid; grid-template-columns:minmax(255px,310px) minmax(0,1fr); gap:18px; align-items:start; }
.seq-preference-controls { padding:14px; border:1px solid var(--border); background:var(--card); min-width:0; }
.seq-preference-controls .seq-toolbar { display:flex; flex-direction:column; align-items:stretch; gap:12px; }
.seq-preference-controls .seq-toolbar > * { width:100%; min-width:0; }
.seq-preference-controls fieldset { margin:0; padding:0; border:0; }
.seq-preference-controls .seq-talent-role-buttons,.seq-preference-controls .seq-role-buttons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px; }
.seq-preference-controls .seq-talent-target-chips { max-height:46vh; overflow:auto; }
.seq-preference-controls .seq-talent-search-actions { display:flex; flex-wrap:wrap; gap:7px; }
.seq-preference-controls .seq-talent-search-actions > * { flex:1 1 100%; }
.seq-preference-controls .seq-talent-target-card { padding:7px; }
.seq-preference-controls .seq-talent-target-copy small { display:none; }
.seq-preference-controls .seq-talent-target-copy strong { font-size:12px; }
.seq-preference-controls .seq-talent-custom-heading,.seq-preference-controls .seq-talent-mode-buttons { margin:0 0 9px; }
.seq-preference-results { min-width:0; }
.seq-preference-results .seq-inline-summary { margin:0 0 12px; }
@media(max-width:720px) { .seq-preference-layout { grid-template-columns:1fr; } }
.seq-hengshan-results .seq-hengshan-detail { min-height:0; padding:14px; }
.seq-hengshan-results .seq-hengshan-dossier { grid-template-columns:140px minmax(0,1fr); gap:12px; padding:12px; }
.seq-hengshan-results .seq-hengshan-portrait-stage .seq-hengshan-avatar.is-full { width:120px; height:150px; }
.seq-hengshan-replacement-body { display:grid; grid-template-columns:250px minmax(0,1fr); gap:16px; padding:16px; align-items:start; }
.seq-hengshan-replacement-body .seq-hengshan-replacement-controls { grid-template-columns:1fr; gap:12px; align-items:start; }
.seq-hengshan-replacement-results { min-width:0; }
.seq-hengshan-replacement-results .seq-hengshan-replacement-current { margin:0 0 12px; padding:12px; gap:10px; }
.seq-hengshan-replacement-results .seq-hengshan-replacement-sequence { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:720px) { .seq-hengshan-replacement-body { grid-template-columns:1fr; } .seq-hengshan-replacement-results .seq-hengshan-replacement-sequence { grid-template-columns:repeat(2,minmax(0,1fr)); } .seq-hengshan-results .seq-hengshan-dossier { grid-template-columns:110px minmax(0,1fr); } .seq-hengshan-results .seq-hengshan-portrait-stage .seq-hengshan-avatar.is-full { width:90px; height:120px; } }

/* v1 keeps the raw rolls; completed cultivation totals occupy the last column. */
.seq-forge-plan-controls { display:flex; align-items:end; flex-wrap:wrap; gap:10px; margin:12px 0 8px; }
.seq-forge-plan-controls label { display:grid; gap:5px; color:var(--text-dim); font-size:.72rem; min-width:0; }
.seq-forge-plan-controls select,.seq-forge-plan-controls input { min-height:36px; padding:6px 9px; border:1px solid var(--border); border-radius:6px; background:var(--card); color:var(--text); font:inherit; }
.seq-forge-plan-controls input { width:104px; }
.seq-forge-plan-controls select { width:166px; }
#seqForgePlanStatus { align-self:center; color:var(--text-dim); font-size:.7rem; }
.seq-forge-favorites-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px 14px; margin:10px 0 0; color:var(--text-dim); font-size:.72rem; }
.seq-forge-favorites-controls label { display:inline-flex; align-items:center; gap:5px; cursor:pointer; }
.seq-forge-favorites-controls input { margin:0; accent-color:var(--accent); }
.seq-row-actions .seq-forge-favorite[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); }

.seq-favorites-open { flex:0 0 auto; justify-self:start; width:max-content; white-space:nowrap; }
.seq-favorites-dialog { box-sizing:border-box; width:min(960px,calc(100% - 32px)); max-height:calc(100dvh - 32px); margin:auto; overflow:auto; padding:24px; color:var(--text); background:var(--card); border:1px solid var(--border); border-radius:12px; }
.seq-favorites-dialog::backdrop { background:rgba(29,23,14,.5); }
.seq-favorites-heading,.seq-favorite-card header { padding:0; display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.seq-favorites-heading h2 { margin:0 0 5px; font-size:1.4rem; }
.seq-favorites-heading p,.seq-favorite-card header p { margin:0; color:var(--text-dim); font-size:.78rem; }
.seq-favorites-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:22px 0 12px; }
.seq-favorites-toolbar label { display:grid; gap:6px; color:var(--text-dim); font-size:.78rem; }
.seq-favorites-toolbar label:first-child { flex:1; min-width:200px; }
.seq-favorites-toolbar input,.seq-favorites-toolbar select { box-sizing:border-box; min-height:42px; width:100%; padding:8px 12px; font:inherit; color:var(--text); background:var(--input-bg,var(--card)); border:1px solid var(--border); border-radius:6px; }
.seq-favorites-toolbar button { min-height:42px; }
.seq-favorites-summary,.seq-favorites-warning { margin:10px 0; font-size:.78rem; color:var(--text-dim); }
.seq-favorites-warning { color:var(--accent); }
.seq-favorites-confirm { margin:12px 0; padding:14px; border:1px solid var(--accent); border-radius:6px; }
.seq-favorites-confirm p { margin:0 0 10px; font-size:.83rem; }
.seq-favorites-confirm button + button { margin-left:8px; }
.seq-favorite-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.seq-favorites-list { display:grid; gap:12px; }
.seq-favorite-card { padding:16px; border:1px solid var(--border); border-radius:8px; }
.seq-favorite-card h3 { margin:0 0 5px; font-size:1rem; }
.seq-favorite-card header button { flex-shrink:0; }
.seq-favorite-affixes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px; font-size:.82rem; }
.seq-favorite-affixes span { color:var(--text-dim); font-size:.73rem; }
.seq-favorite-affixes p { margin:5px 0 0; overflow-wrap:anywhere; }
.seq-favorites-empty { padding:32px 12px; text-align:center; color:var(--text-dim); }
.seq-favorites-help { margin-top:20px; padding-top:14px; border-top:1px solid var(--border); font-size:.76rem; color:var(--text-dim); }
.seq-favorites-help summary { cursor:pointer; }
.seq-favorites-help p { line-height:1.7; }
@media(max-width:600px) {
  .seq-favorites-dialog { padding:16px; width:calc(100% - 20px); max-height:92vh; }
  .seq-favorites-toolbar label:first-child { min-width:100%; }
  .seq-favorites-toolbar label:nth-child(2) { flex:1; }
  .seq-favorite-affixes { grid-template-columns:1fr; gap:10px; }
  .seq-favorites-heading,.seq-favorite-card header { gap:10px; }
}
.seq-combined-cell { min-width:152px; }
.seq-combined-entry { display:grid; gap:2px; width:100%; padding:5px 0; border:0; background:transparent; text-align:left; color:var(--red,var(--accent)); font:inherit; cursor:pointer; }
.seq-combined-entry strong { font-size:.8rem; line-height:1.35; }
.seq-combined-entry small { color:var(--text-dim); font-size:.66rem; white-space:nowrap; }
.seq-combined-entry:hover,.seq-combined-entry:focus-visible { text-decoration:underline; outline:2px solid var(--accent); outline-offset:3px; }
.seq-combined-entry.is-pending { color:var(--text-dim); }
.seq-combined-entry.is-error { font-size:.67rem; }
.seq-combined-result { display:block; margin:12px 0; color:var(--red,var(--accent)); font-size:1.25rem; }
.seq-combined-detail p { margin:8px 0; font-size:.8rem; line-height:1.6; }
.seq-combined-route { min-width:440px; }
.seq-combined-detail details { margin-top:14px; }
@media(max-width:720px) {
  .seq-forge-plan-controls { gap:8px; }
  .seq-forge-plan-controls label:first-child { flex-basis:100%; }
  .seq-forge-plan-controls select { width:100%; }
  #seqForgePlanStatus { flex-basis:100%; }
}

.seq-combined-route td small { display:block; color:var(--text-dim); font-size:.68rem; }

.seq-plan-sort { border:0; background:transparent; color:inherit; font:inherit; padding:4px 0; cursor:pointer; white-space:nowrap; }
.seq-plan-sort:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.seq-plan-sort:disabled { cursor:default; opacity:.65; }
.seq-release-entry h4 { margin:1.1em 0 .45em; }
.seq-release-entry li { margin:.55em 0; line-height:1.7; }

.seq-save-identity { grid-template-columns:minmax(0,1fr) auto; }
.seq-save-identity > strong { grid-column:1; grid-row:1; }
.seq-save-identity > .seq-save-import-actions { grid-column:1 / -1; grid-row:2; }
.seq-save-identity > .seq-save-compat { grid-column:2; grid-row:1; }