.status-message-container {
    position: fixed;
    bottom: var(--position-status-bottom);
    left: 50%;
    transform: translateX(-50%);
    z-index: var(--z-index-status);
    width: var(--max-width-status);
    pointer-events: none;
    display: flex;
    flex-direction: column-reverse;
}

.status-message {
    background-color: var(--status-success-bg);
    color: var(--terminal-green);
    padding: var(--spacing-xs) var(--spacing-lg);
    margin-top: var(--margin-status-top);
    border-radius: var(--border-radius-xl);
    box-shadow: var(--shadow-subtle);
    text-align: center;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    border: var(--border-width) solid var(--terminal-green);
}

/* Success messages - Dark Mode */
.status-message-success {
    background-color: var(--status-success-bg);
    color: var(--terminal-green);
    border-color: var(--terminal-green);
}

/* Error messages - Dark Mode */
.status-message-error {
    background-color: var(--status-error-bg);
    color: var(--terminal-red);
    border-color: var(--terminal-red);
}

/* Light mode overrides for status messages */
[data-theme="light"] .status-message {
    background-color: var(--status-success-bg);
    color: var(--terminal-green);
    border-color: var(--terminal-green);
}

[data-theme="light"] .status-message-success {
    background-color: var(--status-success-bg);
    color: var(--status-success-text-light);
    border-color: var(--status-success-border-light);
}

[data-theme="light"] .status-message-error {
    background-color: var(--status-error-bg);
    color: var(--status-error-text-light);
    border-color: var(--status-error-border-light);
}