html, body {
height: 100%;
margin: 0;
background: #F2F2F2;
font-family: "Courier New", monospace;
overflow: hidden; /* desktop sem scroll */
}
/* Desktop */
.desktop {
position: relative;
width: 100%;
height: 100%;
background: #D6D6D6;
display: flex;
flex-direction: column;
}
/* Barra superior (menu simples) */
.menubar {
background: #bdbdbd;
border-bottom: 1px solid #888;
padding: 4px 8px;
display: flex;
align-items: center;
gap: 8px;
user-select: none;
}
.menubar button {
font-family: inherit;
font-size: 14px;
border: 1px solid #000;
background: #eee;
padding: 4px 8px;
cursor: pointer;
}
.menubar button:hover { background: #ddd; }
/* Área de janelas */
.workspace {
position: relative;
flex: 1;
overflow: hidden;
}
/* Janela estilo Mac antigo */
.win {
position: absolute;
top: 56px;
left: 56px;
width: 760px;
height: 520px;
min-width: 380px;
min-height: 240px;
border: 1px solid black;
background: #e0e0e0;
display: flex;
flex-direction: column;
box-shadow: 4px 4px 0 #999;
resize: both;
overflow: hidden;
}
.title-bar {
background: #888;
color: black;
font-weight: bold;
padding: 4px 8px;
border-bottom: 1px solid #000;
display: flex;
align-items: center;
gap: 8px;
cursor: move;
user-select: none;
}
.title-dot { font-weight: bold; }
.title-text { flex: 1; }
.win-btn {
border: 1px solid #000;
background: #eaeaea;
padding: 2px 6px;
cursor: pointer;
font-family: inherit;
font-size: 12px;
}
.win-btn:hover { background: #ddd; }
.form-bar {
background: #cfcfcf;
border-bottom: 1px solid #aaa;
padding: 6px;
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}
.form-bar input,
.form-bar select,
.form-bar button,
.form-bar label {
font-family: inherit;
background: white;
border: 1px solid black;
padding: 4px;
margin: 0;
font-size: 14px;
color: black;
}
.form-bar label {
background: transparent;
border: none;
display: inline-flex;
align-items: center;
gap: 6px;
}
.form-bar button:hover { background: #eee; cursor: pointer; }
.content {
background: #fff;
color: #000;
border-top: 1px solid #aaa;
padding: 10px;
flex: 1;
overflow: auto;
white-space: pre-wrap;
font-size: 14px;
font-family: monospace;
}
.packet-loss { color: red; font-weight: bold; }