/* Cryo/Aureas ops.css — generated by ac-brand toolkit build */
/* Product accents: badges/icons only (Proposal A). */

:root {
  /* Primitive tokens */
  --ca-color-blue-400: #2e8fd9;
  --ca-color-blue-500: #1e6fbf;
  --ca-color-border-inverse: #263347;
  --ca-color-gold-500: #c8a84b;
  --ca-color-ink-900: #0B1220;
  --ca-color-navy-700: #1a2e44;
  --ca-color-navy-900: #0d1b2a;
  --ca-color-product-backtester: #3d7a6a;
  --ca-color-product-execute: #5c5f8a;
  --ca-color-product-quant: #1e6fbf;
  --ca-color-product-trader: #b05a48;
  --ca-color-status-negative: #e74c3c;
  --ca-color-status-positive: #2ecc71;
  --ca-color-surface-page: #f5f7fa;
  --ca-color-text-muted: #8a9ab0;
  --ca-color-text-primary: #1a1a2e;
  --ca-font-data: "SF Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;
  --ca-font-document: "Segoe UI", system-ui, -apple-system, sans-serif;
}


:root {
  --ca-ops-page: #0d1b2a;
  --ca-ops-panel: #1a2e44;
  --ca-ops-gold: #c8a84b;
  --ca-ops-blue: #1e6fbf;
  --ca-ops-muted: #8a9ab0;
  --ca-ops-border: #263347;
  --ca-ops-accent-backtester: #3d7a6a;
  --ca-ops-accent-trader: #b05a48;
  --ca-ops-accent-quant: #1e6fbf;
  --ca-ops-accent-execute: #5c5f8a;
  --ca-ops-space: 4px;
}

body.ca-ops {
  background: var(--ca-ops-page);
  color: #e8eef5;
  font-family: system-ui, -apple-system, sans-serif;
}

.ca-ops-panel {
  background: var(--ca-ops-panel);
  border: 1px solid var(--ca-ops-border);
}

.ca-ops-data {
  font-family: "SF Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;
}

.ca-badge-backtester { background: var(--ca-ops-accent-backtester); color: #fff;
  display: inline-block; font-size: 11px; padding: 2px 8px; }
.ca-badge-trader { background: var(--ca-ops-accent-trader); color: #fff;
  display: inline-block; font-size: 11px; padding: 2px 8px; }
.ca-badge-quant { background: var(--ca-ops-accent-quant); color: #fff;
  display: inline-block; font-size: 11px; padding: 2px 8px; }
.ca-badge-execute { background: var(--ca-ops-accent-execute); color: #fff;
  display: inline-block; font-size: 11px; padding: 2px 8px; }

/* Widget hooks (hub / backtester consume these; do not paste document type scale) */
.ca-ops-nav { font-size: 12px; font-weight: 600; }
.ca-ops-meta-pill { font-size: 11px; color: var(--ca-ops-muted);
  border: 1px solid var(--ca-ops-border); padding: 2px 8px; display: inline-block; }
.ca-ops-metric-chip { font-family: inherit; }
.ca-ops-slot-card { background: var(--ca-ops-panel); border: 1px solid var(--ca-ops-border);
  padding: 16px; }
.ca-ops-dense-table { width: 100%; border-collapse: collapse; font-size: 12px; }
.ca-ops-dense-table th, .ca-ops-dense-table td { padding: 6px 8px;
  border-bottom: 1px solid var(--ca-ops-border); text-align: left; }
.ca-ops-log { font-family: "SF Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;
  font-size: 12px; color: var(--ca-ops-muted); }

/* Editorial marks */

/* mark: bullet.ops (list_marker) */
ul.ca-ops-bullets {
  list-style: disc;
  color: var(--ca-color-text-muted, #8a9ab0);
}

/* Graphic devices (patterns) */

/* device: hatch.inverse.fine (pattern) */
.ca-pattern-hatch-inverse {
  position: relative;
  z-index: 0;
}
.ca-pattern-hatch-inverse::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 3px,
    rgba(200, 168, 75, 0.40) 3px,
    rgba(200, 168, 75, 0.40) 4px
  );
}

/* device: hatch.navy.fine (pattern) */
.ca-pattern-hatch-navy {
  position: relative;
  z-index: 0;
}
.ca-pattern-hatch-navy::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  border-radius: inherit;
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 3px,
    rgba(13, 27, 42, 0.16) 3px,
    rgba(13, 27, 42, 0.16) 4px
  );
}

/* motif: motif.candlestick — use asset image; class .ca-motif-candlestick is a placement hook */
.ca-motif-candlestick { display: inline-block; max-width: 100%; height: auto; }

/* ux_id: ops; density: dense */
/* widgets: nav, badge, meta_pill, kill_control, log_viewer, dense_table, slot_card, metric_chip */