/* FuturesBot Web - Paper Mode Styles (Dark Slate) */

/* Paper mode color scheme — barely tinted, mostly neutral */
.paper-mode {
    --mode-bg: #1e1e1e;
    --mode-border: #3e4450;
    --mode-text: #7a9ab8;
    --mode-accent: rgba(122, 154, 184, 0.06);
}

/* Background — stays neutral */
.paper-mode body {
    background: #1e1e1e;
}

/* Card styling — subtle dashed borders */
.paper-mode .card {
    border: 1px dashed #3e4450;
    border-radius: 8px;
}

.paper-mode .card:hover {
    border-style: solid;
}

/* Watermark — extremely faint */
.paper-mode body::after {
    content: 'PAPER';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    font-size: 200px;
    font-weight: 900;
    color: rgba(150, 150, 160, 0.03);
    pointer-events: none;
    z-index: 999;
}

/* Navigation accent */
.paper-mode .navbar {
    border-bottom: 2px solid var(--mode-border);
}

.paper-mode .nav-brand a {
    color: var(--mode-text);
}

/* Kill switch in paper mode - less prominent */
.paper-mode .kill-switch {
    background: #4a4a4a;
}

.paper-mode .kill-switch:hover {
    background: #555555;
}

/* Mode indicator */
.paper-mode .mode-indicator.paper {
    animation: paper-pulse 2s infinite;
}

@keyframes paper-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}

/* Status badge — no tint, same as other cards */
.paper-mode .status-card {
    background: var(--bg-card);
}

/* Table header */
.paper-mode .table th {
    background: rgba(150, 150, 160, 0.05);
}

/* Button accents */
.paper-mode .btn-primary {
    background: #4a6a85;
}

.paper-mode .btn-primary:hover {
    background: #557a95;
}

/* Footer */
.paper-mode .footer {
    background: rgba(150, 150, 160, 0.04);
    border-top: 1px dashed var(--mode-border);
}

/* Login page */
.paper-mode.login-page {
    background: linear-gradient(135deg, #1e1e1e 0%, #222224 100%);
}

.paper-mode .login-card {
    border: 1px dashed var(--mode-border);
}

/* Form inputs */
.paper-mode .form-group input:focus,
.paper-mode .form-group select:focus {
    border-color: var(--mode-border);
    box-shadow: 0 0 0 3px rgba(122, 154, 184, 0.12);
}

/* Alert for paper mode */
.paper-mode .alert-success {
    background: rgba(122, 154, 184, 0.08);
    border-color: var(--mode-border);
    color: var(--mode-text);
}