/* Window com Moldura de 3px (Dialog/Fixed Style) */
.window {
    position: absolute;
    top: 45%; left: 55%;
    transform: translate(-50%, -50%);
    background: var(--win-gray);
    /* Layer 1: Exterior */
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    /* Layer 2: Interior 3D */
    box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
    /* Layer 3: Padding interno de 1px (Respiro Cinza) */
    padding: 1px;
    width: 80%;
    max-width: 900px;
    z-index: 2;
}

/* Barra de Título com 18px de altura */
.title-bar {
    height: 18px;
    background: linear-gradient(90deg, #000080, #1084d0);
    color: white;
    padding: 0 2px 0 3px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 11px; /* Fonte pequena era o padrão */
    font-weight: bold;
}

/* Botões da Título Bar com 16x14px */
.title-btn {
    width: 16px;
    height: 14px;
    background: var(--win-gray);
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    box-shadow: inset 1px 1px 0px #dfdfdf, inset -1px -1px 0px #808080;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    font-family: sans-serif;
}

/* Container de Imagem (Campo Afundado 2px) */
.img-container {
    background: #000;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    box-shadow: inset 1px 1px 0px #000000, inset -1px -1px 0px #dfdfdf;
}