/* =============================================================================
static/dash/public_trading_agents.css
ART ARGENTUM — PUBLIC AI TRADING AGENTS
Client-twin read-only adapter.

Load order:
1. account_trading_agent_dashboard.css
2. account_trading_agents.css
3. public_trading_agents.css

The client styles own the complete visual system. This file only:
- keeps the public page layout,
- locks configuration controls,
- greys out everything in Settings except workflow tabs 01–04,
- keeps workflow tabs and help actions clickable,
- hides private-only actions.
============================================================================= */

/* =============================================================================
PAGE LAYOUT
============================================================================= */

.public-trading-agents-page,
.public-trading-agents-page * {
  box-sizing: border-box;
  min-width: 0;
}

.public-trading-agents-page {
  width: 100%;
  max-width: 100%;
  padding: 20px 0 48px;
  color: var(--taa-soft, rgba(255, 255, 255, 0.66));
  background: transparent;
}

.public-body
.public-trading-agents-page
.account-trading-agents-root {
  width: min(1180px, calc(100% - 28px));
  max-width: 1180px;
  margin: 0 auto;
}

/* The shared client dashboard stylesheet owns the complete .agentdash shell. */
.public-body .agentdash,
.public-trading-agents-page .agentdash {
  margin-top: 0;
}

/* =============================================================================
PUBLIC LABELS AND COMMAND BAR
============================================================================= */

.public-agent-readonly-badge,
.agentdash-tab-kicker.is-public {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px !important;
  background: rgba(0, 0, 0, 0.58);
  color: rgba(233, 238, 245, 0.70);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  font-size: 8px;
  font-weight: 820;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  white-space: nowrap;
}

.public-trading-agent-card-actions {
  grid-template-columns: 1fr !important;
}

.agentdash-command-bar--public {
  grid-template-columns:
    minmax(280px, 1.15fr)
    minmax(480px, 1.5fr)
    auto;
}

.agentdash-control-hub--public .agentdash-command-runtime {
  padding-bottom: 4px;
}

.public-agent-settings-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* =============================================================================
PUBLIC SETTINGS ROOT
============================================================================= */

.public-agent-settings-readonly {
  position: relative;
  isolation: isolate;
}

.public-agent-settings-readonly::before,
.public-agent-settings-readonly::after {
  content: none !important;
  display: none !important;
}

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form {
  cursor: default !important;
}

/* =============================================================================
READ-ONLY NOTICE — CLIENT-LIKE BLACK GLASS, GREYED
============================================================================= */

.public-agent-settings-lock-notice {
  position: relative;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  margin: 18px 0 24px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  color: rgba(236, 239, 244, 0.76);
  background: rgba(0, 0, 0, 0.64);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(16px) saturate(100%);
  -webkit-backdrop-filter: blur(16px) saturate(100%);
  filter: grayscale(0.84) saturate(0.28) brightness(0.80);
  opacity: 0.70;
}

.public-agent-settings-lock-notice::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  display: block;
  width: 3px;
  background: rgba(225, 231, 239, 0.50);
}

.public-agent-settings-lock-state {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 9px;
  min-width: 0;
  padding: 20px 18px 20px 22px;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(255, 255, 255, 0.016);
}

.public-agent-settings-lock-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: rgba(239, 243, 248, 0.78);
  font-size: 9px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
}

.public-agent-settings-lock-badge::before {
  content: "●";
  color: rgba(225, 231, 239, 0.52);
  font-size: 7px;
  line-height: 1;
}

.public-agent-settings-lock-scope {
  display: block;
  padding-left: 2px;
  color: rgba(223, 232, 242, 0.34);
  font-size: 8px;
  font-weight: 760;
  line-height: 1.2;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.public-agent-settings-lock-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 20px 24px;
}

.public-agent-settings-lock-title {
  display: block;
  margin: 0 0 8px;
  color: rgba(245, 247, 250, 0.80);
  font-size: 15px;
  font-weight: 760;
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.public-agent-settings-lock-text {
  max-width: 900px;
  margin: 0;
  color: rgba(222, 228, 236, 0.48);
  font-size: 12.5px;
  font-weight: 440;
  line-height: 1.62;
}

/* =============================================================================
READ-ONLY INTERACTION LOCK
============================================================================= */

/* Workflow tabs and help buttons are intentionally excluded. */
[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
button:not(.account-trading-agents-workflow-node)
:not(.account-trading-agents-help-trigger)
:not([data-aa-workflow-target])
:not([data-aa-help-open="1"])
:not([data-aa-public-help-open]),

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
textarea,

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
select,

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
input,

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
[role="slider"],

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
[role="switch"],

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
.account-trading-agents-choice-summary {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

.public-agent-settings-readonly textarea {
  resize: none !important;
}

/* =============================================================================
GREY OUT EVERYTHING EXCEPT WORKFLOW TABS 01–04
============================================================================= */

/* Context above the editor is visible but clearly read-only. */
.agentdash-tab-body--settings .agentdash-settings-context {
  opacity: 0.54;
  filter: grayscale(0.90) saturate(0.24) brightness(0.76);
}

/*
The shared client renderer places the workflow map beside the intro and active
panel inside the control form. Only the workflow map remains at full strength.
*/
.public-agent-settings-readonly
.account-trading-agents-control-form
> :not(.account-trading-agents-workflow-map) {
  opacity: 0.52 !important;
  filter: grayscale(0.92) saturate(0.22) brightness(0.76) !important;
}

/* Extra safeguards for renderer variants where content is wrapped differently. */
.public-agent-settings-readonly
:is(
  .account-trading-agents-workflow-intro,
  .account-trading-agents-builder-workflow-panels,
  .account-trading-agents-builder-column,
  .account-trading-agents-actions,
  .account-trading-agents-actions--sticky,
  .account-trading-agents-bottom-cost
) {
  opacity: 0.52 !important;
  filter: grayscale(0.92) saturate(0.22) brightness(0.76) !important;
}

/* Do not stack opacity/filter several times on nested builder elements. */
.public-agent-settings-readonly
.account-trading-agents-builder-workflow-panels
:is(
  .account-trading-agents-builder-column,
  .account-trading-agents-panel,
  .account-trading-agents-subsection,
  .account-trading-agents-prompt-card,
  .account-trading-agents-runtime-subpanel
) {
  opacity: 1 !important;
  filter: none !important;
}

/* Disabled controls retain the exact client shape, switch and input styling. */
.public-agent-settings-readonly
:is(input, textarea, select, button):disabled,
.public-agent-settings-readonly
[aria-disabled="true"] {
  -webkit-text-fill-color: currentColor;
}

/* =============================================================================
WORKFLOW 01–04 — FULL CLIENT STYLE, FULL BRIGHTNESS, CLICKABLE
============================================================================= */

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
.account-trading-agents-workflow-map {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
}

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
:is(
  .account-trading-agents-workflow-node,
  [data-aa-workflow-target],
  [role="tab"]
) {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  user-select: none !important;
}

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
.account-trading-agents-workflow-node:disabled,

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
[data-aa-workflow-target]:disabled {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
:is(
  .account-trading-agents-workflow-node,
  [data-aa-workflow-target]
)
> * {
  pointer-events: none !important;
}

/* Optional previous/next workflow navigation remains usable. */
[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
:is([data-aa-workflow-prev], [data-aa-workflow-next]) {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* =============================================================================
HELP BUTTONS — CLICKABLE, VISUALLY PART OF THE GREYED CONTENT
============================================================================= */

/* Position, dimensions and visual style continue to come from client CSS. */
[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
:is(
  .account-trading-agents-help-trigger,
  .account-trading-agents-help-trigger--grouped,
  [data-aa-help-open="1"],
  [data-aa-public-help-open]
) {
  visibility: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
.account-trading-agents-help-trigger:disabled,

[data-agent-scope="public"]
.public-agent-settings-readonly
.account-trading-agents-control-form
.account-trading-agents-help-trigger[aria-disabled="true"] {
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* The popup is outside the greyed editor and must remain fully readable. */
.aa-public-help-overlay-host,
.aa-public-help-overlay-host *,
.account-trading-agents-help-overlay,
.account-trading-agents-help-overlay *,
.account-trading-agents-help-dialog,
.account-trading-agents-help-dialog * {
  opacity: 1 !important;
  filter: none !important;
}

.aa-public-help-overlay-host {
  color: rgba(245, 247, 251, 0.92);
}

/* =============================================================================
HIDE PRIVATE-ONLY ACTIONS
============================================================================= */

[data-agent-scope="public"] [data-aa-trading-agent-run-once],
[data-agent-scope="public"] [data-aa-trading-agent-save-control],
[data-agent-scope="public"] [data-aa-trading-agent-save-and-run],
[data-agent-scope="public"] [data-aa-trading-agent-status-toggle],
[data-agent-scope="public"] [data-aa-trading-agent-delete],
[data-agent-scope="public"] [data-aa-trading-agent-backtest],
[data-agent-scope="public"] .agentdash-action-btn--force,
[data-agent-scope="public"] .agentdash-backtest-controls,
[data-agent-scope="public"] .agentdash-settings-actions,
[data-agent-scope="public"] .account-trading-agents-sticky-actions,
[data-agent-scope="public"] .account-trading-agents-bottom-cost {
  display: none !important;
}

/* =============================================================================
HIDE MARKET EXAMPLES IN PUBLIC SETTINGS
============================================================================= */

[data-agent-scope="public"] .account-trading-agents-market-examples-picker-wrap,
[data-agent-scope="public"] .account-trading-agents-panel--market-examples,
.public-agent-settings-readonly .account-trading-agents-market-examples-picker-wrap,
.public-agent-settings-readonly .account-trading-agents-panel--market-examples {
  display: none !important;
}

/* =============================================================================
PUBLIC OVERVIEW — CLIENT STYLE, PUBLIC LAYOUT ONLY
============================================================================= */

.public-trading-agents-rail .fslug-item.is-active {
  background: rgba(255, 255, 255, 0.06);
}

.public-trading-agents-overview .account-trading-agent-card-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.public-trading-agents-overview
.account-trading-agent-card-actions
.account-trading-agents-btn {
  width: 100%;
}

/* =============================================================================
FOCUS STATES
============================================================================= */

.public-agent-settings-readonly :disabled:focus,
.public-agent-settings-readonly [aria-disabled="true"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

.public-agent-settings-readonly
:is(
  .account-trading-agents-workflow-node,
  [data-aa-workflow-target]
):focus-visible,

.public-agent-settings-readonly
.account-trading-agents-help-trigger:focus-visible {
  outline: 1px solid rgba(230, 234, 240, 0.70) !important;
  outline-offset: 3px !important;
}

/* =============================================================================
RESPONSIVE
============================================================================= */

@media (max-width: 1100px) {
  .agentdash-command-bar--public {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .public-trading-agents-overview .account-trading-agents-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .public-trading-agents-page {
    padding-top: 12px;
  }

  .public-body .agentdash,
  .public-trading-agents-page .agentdash {
    width: calc(100% - 16px);
  }

  .public-body
  .public-trading-agents-page
  .account-trading-agents-root {
    width: calc(100% - 16px);
  }

  .public-trading-agents-overview .account-trading-agents-summary,
  .public-trading-agents-overview .account-trading-agent-card-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .public-agent-settings-status {
    justify-content: flex-start;
  }

  .public-agent-settings-lock-notice {
    grid-template-columns: 1fr;
    margin: 14px 0 18px;
  }

  .public-agent-settings-lock-state {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 14px 16px 13px 19px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  .public-agent-settings-lock-scope {
    padding-left: 0;
  }

  .public-agent-settings-lock-copy {
    padding: 16px 18px 18px;
  }

  .public-agent-settings-lock-title {
    margin-bottom: 7px;
    font-size: 14px;
  }

  .public-agent-settings-lock-text {
    font-size: 12px;
    line-height: 1.58;
  }
}

@media (max-width: 520px) {
  .public-agent-settings-lock-state {
    align-items: flex-start;
  }

  .public-agent-settings-lock-copy {
    padding: 15px 15px 17px;
  }

  .public-agent-settings-lock-title {
    font-size: 13.5px;
  }

  .public-agent-settings-lock-text {
    font-size: 11.5px;
  }
}
/* =============================================================================
DUAL MARTINGALE — PUBLIC READ-ONLY CONTRACT
============================================================================= */

/* The fourth context KPI reports the selected martingale mode. */
[data-agent-scope="public"]
.agentdash-tab-body--settings
.agentdash-settings-context-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* The full dual-mode section comes from the shared Agent Studio renderer. */
[data-agent-scope="public"]
[data-aa-public-martingale-readonly="1"]
:is(
  .account-trading-agents-runtime-subpanel--dual-martingale,
  .account-trading-agents-martingale-intro,
  .account-trading-agents-martingale-mode-panel,
  .account-trading-agents-choice-field--martingale-mode
) {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

[data-agent-scope="public"]
[data-aa-public-martingale-readonly="1"]
:is(
  .account-trading-agents-runtime-subpanel--dual-martingale,
  .account-trading-agents-martingale-mode-panel
) {
  opacity: 1 !important;
  filter: none !important;
}

[data-agent-scope="public"]
[data-aa-public-martingale-readonly="1"]
:is(
  .account-trading-agents-choice-field--martingale-mode,
  .account-trading-agents-martingale-mode-panel,
  .account-trading-agents-martingale-volume-multiplier
)
:is(button, textarea, input, select, details, summary) {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

@media (max-width: 760px) {
  [data-agent-scope="public"]
  .agentdash-tab-body--settings
  .agentdash-settings-context-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}