/* NoiaDevShell - CSS Compacto */
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/*
  Desativa todas as animações e transições de forma global,
  como solicitado para uma experiência estática.
*/
*, *::before, *::after {
    transition: none !important;
    animation: none !important;
}

:root {
    --vermelho: #EA526F;
    --preto: #070600;
    --branco: #F7F7FF;
    --azul-claro: #23B5D3;
    --azul-medio: #279AF1;
}

body {
    background: var(--preto);
    color: var(--branco);
    min-height: 100vh;
}

.logo {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--azul-claro);
}

.card-spa {
    background: rgba(247, 247, 255, 0.08);
    border: 1px solid rgba(35, 181, 211, 0.3);
    border-radius: 15px;
}

/* Garante que os links dentro dos cards não tenham decoração */
.card-spa a {
    text-decoration: none;
}

/* Cores customizadas para os textos dentro dos cards */
.card-spa .fw-bold {
    color: var(--vermelho) !important;
}
.card-spa small {
    color: var(--branco) !important;
}

.status-online {
    background: rgba(35, 181, 211, 0.15);
    border: 1px solid var(--azul-claro);
    border-radius: 10px;
    color: var(--azul-claro);
}

.terminal {
    background: #000;
    border-radius: 10px;
    border: 1px solid var(--azul-medio);
    font-family: 'Courier New', monospace;
}

.terminal .prompt { color: var(--azul-claro); }
.terminal .command { color: var(--vermelho); }

/* Responsive básico */
@media (max-width: 768px) {
    .logo { font-size: 1.5rem; }
    .card-spa { margin-bottom: 1rem; }
}