/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* TRX Wallet Status Styles — follow the .dark class (theme toggle), not the OS */
.status-message { padding: 0.5rem 0.75rem; border-radius: 0.5rem; font-size: 0.875rem; margin-bottom: 0.5rem; border: 1px solid; }
.status-success { background: color-mix(in srgb, var(--color-run) 12%, transparent); color: var(--color-run); border-color: color-mix(in srgb, var(--color-run) 40%, transparent); }
.status-error   { background: color-mix(in srgb, var(--color-danger) 12%, transparent); color: var(--color-danger); border-color: color-mix(in srgb, var(--color-danger) 40%, transparent); }
.status-loading { background: color-mix(in srgb, var(--color-warn) 12%, transparent); color: var(--color-warn); border-color: color-mix(in srgb, var(--color-warn) 40%, transparent); }