.teadetetahvel-container { display: flex; gap: 20px; }
.left-panel { flex: 3; }
.right-panel { flex: 1; background: #f9f9f9; padding: 10px; border-radius: 8px; }
.right-panel section { margin-bottom: 20px; }
.right-panel h3 { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 4px; }

#teadetetahvel-form, #pin-login-form { margin-bottom: 15px; }
#teadetetahvel-form input, #teadetetahvel-form textarea,
#pin-login-form input {
  width: 100%; margin-bottom: 8px; padding: 6px;
  border-radius: 4px; border: 1px solid #ccc;
}
#teadetetahvel-form button, #pin-login-form button, #logout-pin {
  background: #0073aa; color: #fff; padding: 6px 10px;
  border: none; border-radius: 4px; cursor: pointer;
}
#teadetetahvel-form button:hover, #pin-login-form button:hover, #logout-pin:hover {
  background: #005f8d;
}