/* FRA Prop HQ v7.9.59 — Trade Copier workspace */
#view-copier { padding-bottom: 34px; }
.copier-head { align-items: flex-start; }
.copier-head .section-kicker { color: var(--green); }
.copier-beta-badge {
  display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 11px;
  border: 1px solid rgba(69,221,120,.22); border-radius: 999px; background: rgba(69,221,120,.06);
  color: #b9f7cc; font-size: 10px; font-weight: 850; letter-spacing: .08em;
}
.copier-beta-badge::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(69,221,120,.10); }
.copier-safety-banner {
  display: flex; justify-content: space-between; align-items: center; gap: 18px; margin: 0 0 14px;
  padding: 13px 15px; border: 1px solid rgba(255,178,67,.22); border-radius: 10px; background: rgba(255,178,67,.055);
}
.copier-safety-banner strong { display: block; font-size: 12px; }
.copier-safety-banner p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.copier-mode-chip { white-space: nowrap; border: 1px solid rgba(255,178,67,.24); border-radius: 999px; padding: 6px 9px; color: #ffd79c; font-size: 9px; font-weight: 850; letter-spacing: .08em; }
.copier-kpis { margin-bottom: 14px; }
.copier-kpis .kpi-card strong { font-size: 18px; }
.copier-kpis .kpi-card span { font-size: 9px; letter-spacing: .08em; }
.copier-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 14px; margin-bottom: 14px; }
.copier-panel .panel-head { align-items: flex-start; }
.copier-panel .panel-head p { margin: 4px 0 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.copier-form-grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(120px,.6fr); gap: 10px; }
.copier-field { display: grid; gap: 6px; }
.copier-field.full { grid-column: 1 / -1; }
.copier-field > span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.copier-field select, .copier-field input, .copier-table input, .copier-test-grid select, .copier-test-grid input {
  width: 100%; min-height: 38px; border: 1px solid var(--border); border-radius: 8px; background: rgba(0,0,0,.15); color: var(--text); padding: 0 11px; outline: none;
}
.copier-field select:focus, .copier-field input:focus, .copier-table input:focus, .copier-test-grid select:focus, .copier-test-grid input:focus { border-color: rgba(69,221,120,.45); }
.copier-mode-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-bottom: 12px; }
.copier-mode-switch button { min-height: 38px; border: 1px solid var(--border); border-radius: 8px; background: rgba(255,255,255,.02); color: var(--muted); font-weight: 800; cursor: pointer; }
.copier-mode-switch button.active { background: rgba(69,221,120,.08); border-color: rgba(69,221,120,.3); color: #c8fbd7; }
.copier-mode-switch button:disabled { opacity: .45; cursor: not-allowed; }
.copier-control-stack { display: grid; gap: 8px; }
.copier-arm-button { min-height: 46px; font-size: 12px; font-weight: 900; letter-spacing: .035em; }
.copier-arm-button.armed { background: rgba(255,90,100,.10) !important; border-color: rgba(255,90,100,.35) !important; color: #ffc5ca !important; }
.copier-kill-button { min-height: 42px; border-color: rgba(255,90,100,.3) !important; color: #ffc1c6 !important; }
.copier-control-note { margin: 4px 0 0; color: var(--muted); font-size: 9.5px; line-height: 1.45; }
.copier-followers-head-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.copier-table { min-width: 870px; }
.copier-table td { vertical-align: middle; }
.copier-account-cell { display: grid; gap: 2px; }
.copier-account-cell strong { font-size: 11px; }
.copier-account-cell small { color: var(--muted); font-size: 9px; }
.copier-prop-tag { display: inline-flex; width: fit-content; align-items: center; min-height: 21px; padding: 0 7px; border: 1px solid rgba(69,221,120,.18); border-radius: 999px; color: #bdf3cd; background: rgba(69,221,120,.05); font-size: 8.5px; font-weight: 800; }
.copier-enable { display: inline-flex; align-items: center; gap: 7px; font-size: 9px; font-weight: 800; }
.copier-enable input { width: 15px; height: 15px; min-height: 0; accent-color: var(--green); }
.copier-table .compact-input { width: 86px; min-height: 32px; padding: 0 8px; }
.copier-table .loss-input { width: 100px; }
.copier-test-grid { display: grid; grid-template-columns: 120px 90px minmax(150px,1fr) auto; gap: 8px; align-items: end; }
.copier-test-grid label { display: grid; gap: 5px; }
.copier-test-grid label > span { color: var(--muted); font-size: 8.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.copier-test-grid button { min-height: 38px; }
.copier-log { max-height: 360px; overflow: auto; }
.copier-log-row { display: grid; grid-template-columns: 78px 74px minmax(0,1fr); gap: 10px; align-items: start; padding: 10px 4px; border-bottom: 1px solid var(--border); }
.copier-log-row:last-child { border-bottom: 0; }
.copier-log-time { color: var(--muted); font-size: 9px; white-space: nowrap; }
.copier-log-status { font-size: 8.5px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.copier-log-status.success { color: var(--green); }
.copier-log-status.blocked, .copier-log-status.error { color: var(--red); }
.copier-log-status.skipped { color: var(--amber); }
.copier-log-message { color: #dce7f4; font-size: 10px; line-height: 1.45; }
.copier-empty { padding: 22px 10px; color: var(--muted); text-align: center; font-size: 10px; }
.copier-save-state { min-height: 17px; margin-top: 8px; color: var(--muted); font-size: 9.5px; }
.copier-save-state.good { color: var(--green); }
.copier-save-state.bad { color: var(--red); }
.copier-disabled-action { opacity: .5; cursor: not-allowed !important; }
@media (max-width: 980px) {
  .copier-grid { grid-template-columns: 1fr; }
  .copier-test-grid { grid-template-columns: 1fr 1fr; }
  .copier-test-grid label:nth-child(3) { grid-column: 1 / -1; }
  .copier-test-grid button { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .copier-safety-banner { align-items: flex-start; flex-direction: column; }
  .copier-form-grid { grid-template-columns: 1fr; }
  .copier-field.full { grid-column: auto; }
  .copier-test-grid { grid-template-columns: 1fr; }
  .copier-test-grid label:nth-child(3), .copier-test-grid button { grid-column: auto; }
  .copier-log-row { grid-template-columns: 62px 62px minmax(0,1fr); gap: 7px; }
}

/* FRA Prop HQ v7.9.62 — live copier controls + persistent config */
.copier-beta-badge.live {
  border-color: rgba(255,90,100,.30);
  background: rgba(255,90,100,.08);
  color: #ffd2d6;
}
.copier-beta-badge.live::before {
  background: #ff6670;
  box-shadow: 0 0 0 4px rgba(255,90,100,.11);
}
.copier-safety-banner.live {
  border-color: rgba(255,178,67,.30);
  background: rgba(255,178,67,.07);
}
.copier-safety-banner.live.armed {
  border-color: rgba(255,90,100,.38);
  background: rgba(255,90,100,.075);
}
.copier-safety-banner.live.armed .copier-mode-chip {
  border-color: rgba(255,90,100,.35);
  color: #ffd0d4;
  background: rgba(255,90,100,.08);
}
.copier-mode-switch button.active#copierLiveModeButton {
  background: rgba(255,90,100,.08);
  border-color: rgba(255,90,100,.30);
  color: #ffd0d4;
}
.copier-arm-button.live-ready {
  background: rgba(255,178,67,.10) !important;
  border-color: rgba(255,178,67,.35) !important;
  color: #ffe0af !important;
}
.copier-worker-strip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  background: rgba(255,255,255,.02);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .035em;
}
.copier-worker-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--muted);
}
.copier-worker-dot.good {
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(69,221,120,.08);
}
.copier-worker-dot.bad {
  background: var(--red);
  box-shadow: 0 0 0 4px rgba(255,90,100,.08);
}
.copier-offline {
  color: var(--amber);
  font-size: 9px;
  font-weight: 800;
}
.copier-config-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(69,221,120,.12);
  border-radius: 8px;
  color: var(--muted);
  background: rgba(69,221,120,.025);
  font-size: 9px;
  line-height: 1.45;
}
.copier-config-note strong { color: #d9f5e2; }