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; }