/* assets/style.css */
body { 
    font-family: 'Courier New', Courier, monospace; 
}

@keyframes blink { 50% { opacity: 0; } }
.cursor { 
    animation: blink 1s step-end infinite; 
    background-color: #f0f0f0;
}

.dos-button {
    background-color: #4a4a4a; border: 1px solid #c0c0c0;
    padding: 4px 12px; color: #ffffff; text-transform: uppercase;
    box-shadow: inset -1px -1px 0px #000000, inset 1px 1px 0px #ffffff;
}
.dos-button:active {
    box-shadow: inset 1px 1px 0px #000000, inset -1px -1px 0px #ffffff;
    padding: 5px 11px 3px 13px;
}
.dos-button:disabled { opacity: 0.5; cursor: not-allowed; }

.dos-input {
    background-color: #1a1a1a;
    border: 2px inset #555;
    color: #f0f0f0;
}
.dos-input:focus {
    outline: none;
    border: 2px inset #777;
}

pre { white-space: pre; overflow-x: auto; font-family: 'Courier New', Courier, monospace; }
.detail-grid { display: grid; grid-template-columns: 180px 1fr; gap: 4px; }
.section-title { border-bottom: 1px dashed #4a4a4a; padding-bottom: 4px; margin-top: 16px; font-weight: bold; }

#terminal {
    width: 95vw;
    height: 95vh;
}

/* Estilos para o Menu Aprimorado */
.menu-item {
    display: block;
    padding: 8px 16px;
    font-size: 0.875rem;
    color: #67e8f9; /* cyan-300 */
    text-decoration: none;
}
.menu-item:hover {
    background-color: #374151; /* gray-700 */
    color: #ffffff;
}
.menu-item-logout {
    display: block;
    padding: 8px 16px;
    font-size: 0.875rem;
    color: #f87171; /* red-400 */
    text-decoration: none;
}
.menu-item-logout:hover {
    background-color: #991b1b; /* red-800 */
    color: #ffffff;
}