/*
 * Sistema de Supervisão Operacional Remota - CSS
 * Arquivo: assets/css/monitor.css
 */

:root {
    --dic-green: #0f5132;
    --dic-green-dark: #073c32;
    --dic-mint: #e9faf5;
    --dic-border: #8cd9c4;
    --dic-bg: #f4f7f6;
}

body.monitor-body {
    background: var(--dic-bg);
    color: #17211f;
}

.monitor-navbar {
    background: linear-gradient(90deg, var(--dic-green-dark), var(--dic-green));
    color: #fff;
}

.monitor-navbar .navbar-brand {
    color: #fff;
    font-weight: 700;
    letter-spacing: .3px;
}

.monitor-login-body {
    min-height: 100vh;
    background: radial-gradient(circle at top, #1b5e46 0%, #073c32 48%, #111 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}

.monitor-login-wrap {
    width: 100%;
    max-width: 420px;
}

.monitor-login-card {
    background: #fff;
    border-radius: 18px;
    padding: 28px;
    box-shadow: 0 24px 60px rgba(0,0,0,.28);
}

.monitor-brand {
    color: var(--dic-green-dark);
    font-weight: 800;
    font-size: 1.6rem;
}

.monitor-device-card,
.monitor-events-card {
    border: 1px solid rgba(7, 60, 50, .08);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(7, 60, 50, .06);
}

.monitor-device-card .card-body {
    background: #fff;
    border-radius: 16px;
}

.monitor-metrics strong {
    display: block;
    color: #5c6965;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.monitor-metrics span {
    display: block;
    font-size: .95rem;
    font-weight: 600;
    margin-top: 2px;
}

.monitor-refresh-note {
    background: var(--dic-mint);
    border: 1px solid var(--dic-border);
    color: var(--dic-green-dark);
    border-radius: 999px;
    padding: 7px 12px;
    font-size: .86rem;
}

.table th {
    color: #5c6965;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
}

.table td {
    font-size: .9rem;
}