/*
 * ESTÉTICA FINAL WINDOWS 95/NT PARA PERFIL MYSPACE
 * Inclui cores, fontes, elementos internos e barra de rolagem.
 */

/* ------------------------------------------------ */
/* 1. CONFIGURAÇÃO BASE (Importação e Cores) */
/* ------------------------------------------------ */

/* Importa a biblioteca para ter botões, janelas e fieldsets prontos. */
@import url('https://unpkg.com/98.css');

body {
    background-color: #008080 !important; /* Fundo TEAL Clássico */
    font-family: 'MS Sans Serif', 'Tahoma', sans-serif !important; 
    color: #000000 !important; 
    padding: 20px; /* Adiciona um respiro nas bordas da página */
}

/* Garante que o conteúdo que você está inserindo não fique "esmagado" */
#container, #header, #footer, .profileView, .info, .links {
    /* Mantenha esta seção comentada ou remova, a não ser que você queira
       esconder partes específicas do layout original do MySpace.
       Se a sua página estava vazia, remova o 'display: none'. */
    /* display: none !important; */ 
    visibility: visible !important; 
}

/* ------------------------------------------------ */
/* 2. ESTILOS DE JANELAS E CAIXAS */
/* ------------------------------------------------ */

/* Estilo geral de caixas de diálogo (Janelas, Módulos, Fieldsets) */
.window, .module, .box, .dataBox, fieldset {
    background: #c0c0c0 !important; /* Cinza Windows 95 */
    border: 3px outset #c0c0c0 !important; 
    box-shadow: 2px 2px 0 #000; 
    margin-bottom: 20px;
    padding: 0; /* Remove padding extra para o 98.css gerenciar */
}

/* Barra de título (Header azul sólido) */
.title-bar {
    background: #000080 !important; 
    color: #fff !important;
    font-weight: bold;
    border-bottom: 1px solid #c0c0c0;
    padding: 3px;
    font-size: 14px;
}

/* Corpo da Janela (Fundo branco para o conteúdo) */
.window-body, fieldset {
    padding: 10px;
    background: #ffffff !important; 
}

/* Títulos de seção dentro da janela (Legend) */
legend {
    color: #000;
    background: #c0c0c0;
    padding: 0 5px;
    border: 1px solid #000;
}

/* ------------------------------------------------ */
/* 3. TIPOGRAFIA E ELEMENTOS DE CONTEÚDO */
/* ------------------------------------------------ */

h1, h2, h3 {
    font-weight: bold;
    color: #000080; /* Azul escuro para títulos */
}

/* Parágrafos e Listas */
p, ul, ol {
    font-size: 11px; /* Tamanho de fonte clássico do Win95 */
    line-height: 1.4;
}

ul, ol {
    padding-left: 20px;
}

/* Links (Azul e Roxo de Visitado) */
a {
    color: #0000FF;
    text-decoration: underline;
}

a:hover {
    color: #800080; 
}

/* ------------------------------------------------ */
/* 4. BARRA DE ROLAGEM (SCROLLBAR) ESTILO WINDOWS 95 */
/* ------------------------------------------------ */

/* Estilo para toda a barra de rolagem (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 16px; 
    height: 16px;
    background-color: #c0c0c0;
}

/* O "puxador" da barra de rolagem */
::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    /* Efeito 3D de relevo (outset) */
    border: 1px solid #fff;
    border-right-color: #000;
    border-bottom-color: #000;
}

/* Fundo da barra de rolagem e botões de canto */
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
    background-color: #c0c0c0;
}

/* Efeito de click no puxador */
::-webkit-scrollbar-thumb:active {
    /* Efeito de click (inset) */
    border: 1px solid #000;
    border-right-color: #fff;
    border-bottom-color: #fff;
}