/* Generated by @decantr/cli — Visual Treatment System */

@layer treatments {

/* ── Layer 1: Base Treatments ── */

.d-interactive {
  display: inline-flex;
  align-items: center;
  gap: 0.5em;
  padding: var(--d-interactive-py) var(--d-interactive-px);
  border: 1px solid var(--d-border);
  border-radius: var(--d-radius);
  background: transparent;
  color: var(--d-text);
  font: inherit;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.d-interactive:hover {
  border-color: var(--d-primary-hover);
  background: var(--d-surface);
}

.d-interactive:focus-visible {
  outline: 2px solid var(--d-primary);
  outline-offset: 2px;
}

.d-interactive:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.d-interactive[data-variant="primary"] {
  background: var(--d-primary);
  color: #fff;
  border-color: var(--d-primary);
}

.d-interactive[data-variant="primary"]:hover {
  background: var(--d-primary-hover);
  border-color: var(--d-primary-hover);
}

.d-interactive[data-variant="ghost"] {
  border-color: transparent;
  background: transparent;
}

.d-interactive[data-variant="ghost"]:hover {
  background: var(--d-surface);
}

.d-interactive[data-variant="danger"] {
  background: var(--d-error);
  color: #fff;
  border-color: var(--d-error);
}

.d-surface {
  background: rgba(31, 31, 35, 0.8);
  border: 1px solid var(--d-border);
  border-radius: var(--d-radius);
  box-shadow: var(--d-shadow);
  padding: var(--d-surface-p);
}

.d-surface[data-elevation="raised"] {
  background: var(--d-surface-raised);
  box-shadow: var(--d-shadow-md);
}

.d-surface[data-elevation="overlay"] {
  background: var(--d-surface-raised);
  box-shadow: var(--d-shadow-lg);
  z-index: 50;
}

.d-surface[data-interactive] {
  cursor: pointer;
}

.d-surface[data-interactive]:hover {
  border-color: var(--d-primary-hover, var(--d-border));
  box-shadow: var(--d-shadow-md);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.d-data {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 0.875rem;
}

.d-data-header {
  padding: var(--d-data-py) var(--d-content-gap);
  font-weight: 500;
  color: var(--d-text-muted);
  border-bottom: 1px solid var(--d-border);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.d-data-row {
  border-bottom: 1px solid var(--d-border);
  transition: background 0.1s ease;
}

.d-data-row:hover {
  background: var(--d-surface);
}

.d-data-cell {
  padding: var(--d-data-py) var(--d-content-gap);
  vertical-align: middle;
}

.d-control {
  background: var(--d-surface);
  color: var(--d-text);
  padding: var(--d-control-py) 0.75rem;
  border-radius: var(--d-radius);
  border: 1px solid var(--d-border);
  width: 100%;
  outline: none;
  font: inherit;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.d-control:focus {
  border-color: var(--d-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--d-primary) 25%, transparent);
}

.d-control::placeholder {
  color: var(--d-text-muted);
}

.d-control:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.d-control[aria-invalid] {
  border-color: var(--d-error);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--d-error) 15%, transparent);
}

.d-section {
  padding: var(--d-section-py) 0;
}

.d-section + .d-section {
  border-top: 1px solid transparent;
  border-image: linear-gradient(to right, transparent, var(--d-border), transparent) 1;
  margin-top: var(--d-gap-2);
}

.d-section[data-density="compact"] {
  padding: calc(var(--d-section-py) * 0.5) 0;
}

.d-annotation {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  font-size: 0.75rem;
  font-weight: 500;
  padding: 0.125rem 0.5rem;
  border-radius: var(--d-radius-full);
  background: var(--d-surface);
  color: var(--d-text-muted);
  white-space: nowrap;
}

.d-annotation[data-status="success"] {
  background: color-mix(in srgb, var(--d-success) 15%, transparent);
  color: var(--d-success);
}

.d-annotation[data-status="error"] {
  background: color-mix(in srgb, var(--d-error) 15%, transparent);
  color: var(--d-error);
}

.d-annotation[data-status="warning"] {
  background: color-mix(in srgb, var(--d-warning) 15%, transparent);
  color: var(--d-warning);
}

.d-annotation[data-status="info"] {
  background: color-mix(in srgb, var(--d-info) 15%, transparent);
  color: var(--d-info);
}

.d-label {
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--d-text-muted);
  font-family: var(--d-font-mono, ui-monospace, monospace);
}

/* ── Theme-scoped Treatment Overrides ── */

[data-theme="carbon-neon"] .d-surface {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* ── Keyframes ── */

@keyframes decantr-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

} /* end @layer treatments */

@layer decorators {
  /* Decorator CSS is AI-generated from structured definitions in section context files. */
  /* See .decantr/context/section-*.md for intent, suggested properties, and usage guidance. */
}

@layer utilities {

/* ── Personality-Derived Utilities ── */

.neon-glow { box-shadow: 0 0 20px var(--d-accent-glow, rgba(0, 212, 255, 0.3)); }

.neon-glow-hover:hover { box-shadow: 0 0 24px var(--d-accent-glow, rgba(0, 212, 255, 0.3)); transition: box-shadow var(--d-duration-hover, 0.15s) var(--d-easing, ease); }

.neon-text-glow { text-shadow: 0 0 12px var(--d-accent-glow, rgba(0, 212, 255, 0.3)); }

.neon-border-glow { border-color: var(--d-accent); box-shadow: 0 0 8px var(--d-accent-glow, rgba(0, 212, 255, 0.3)); }

.mono-data { font-family: var(--d-font-mono, ui-monospace, monospace); font-variant-numeric: tabular-nums; }

.status-ring { width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--d-border); display: flex; align-items: center; justify-content: center; position: relative; transition: border-color 0.2s ease, box-shadow 0.2s ease; }

.status-ring[data-status="active"] { border-color: var(--d-success); }

.status-ring[data-status="error"] { border-color: var(--d-error); box-shadow: 0 0 12px color-mix(in srgb, var(--d-error) 25%, transparent); }

.status-ring[data-status="warning"] { border-color: var(--d-warning); }

.status-ring[data-status="idle"] { border-color: var(--d-text-muted); }

.status-ring[data-status="processing"] { border-color: var(--d-primary); animation: pulse-ring 2s ease-in-out infinite; }

@keyframes pulse-ring { 0% { opacity: 0.6; transform: scale(1); } 100% { opacity: 0; transform: scale(1.3); } }

.status-ring[data-status="active"]::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid var(--d-success); opacity: 0; animation: pulse-ring 2s ease-out infinite; }

.entrance-fade { animation: decantr-entrance var(--d-duration-entrance, 0.2s) var(--d-easing, ease-out); }

@keyframes decantr-entrance { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

} /* end @layer utilities */
